html - IE 開発者ツール: ソースに完全な HTML が表示されない

Question

私は自分のウェブサイトにピュアチャットを実装しています.ieを除くすべてのブラウザで動作しますが、ピュアチャットのコンテンツがページに表示されていることに驚いていますが、ページソースでそれを見つけることができず、F12を使用しても見つけることができません.つまり、要素を表示することで、HTML を非表示にすることはできますか? ?

Answer 1

IE 開発者ツールでは、表示領域の上にある更新アイコンを使用して html を更新する必要があることを知っています。おそらくあなたはそれを試すことができますか？

または、IE で表示するのが難しい iframe を介して purechat が機能する可能性は十分にあります。

最初のステップとして、Google Chrome などのより優れた開発ツールを備えたブラウザーを調べて、purechat コードを見つけようとしました。

---

アップデート

さらに調査した結果、purechat がiframe ではなくhtml として表示されることがわかりました。あなたが抱えている問題は、IE 開発者ツールが html を更新していないためだと思います。その更新ボタンを押して並べ替えます:)

Purechat は、JavaScript をページに挿入することで機能します。次のような body タグの直前のコードを探してみてください。

<script type="text/javascript">
  (function () { var done = false; var script = document.createElement("script"); script.async = true; script.type = "text/javascript"; script.src = "https://www.purechat.com/VisitorWidget/WidgetScript"; document.getElementsByTagName('HEAD').item(0).appendChild(script); script.onreadystatechange = script.onload = function (e) { if (!done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) { var w = new PCWidget({ c: 'f509d702-fe1e-4761-9c6f-a386765ff3c7', f: true }); done = true; } }; })();
</script>

purechat ウィジェットの実際の html は次のようになります。

<div class="purechat purechat-widget purechat-widget-collapsed purechat-bottom purechat-bottom-left">
  <div class="purechat-widget-inner purechat-clearfix">
    <div class="purechat-widget-header">
      <div class="purechat-menu btn-toolbar">
        <button class="btn btn-mini actions btn-collapse" style="display: none;"><i class="icon-minus"></i></button>
        <button class="btn btn-mini actions btn-expand"><i class="icon-plus"></i></button>
      </div>
      <div class="purechat-widget-title purechat-widget-title-collapsed">
        <img class="purechat-title-image" src="https://www.purechat.com/Content/images/icon-small.png">
        &nbsp;
        <span class="purechat-widget-title-link" title="Chat with us.">Chat with us.</span>
      </div>
    </div>
    <div class="purechat-content purechat-widget-content" style="display: none;">
      <div class="purechat-enterinfo-container">
        <p>Enter your name to begin!</p>
      </div>
      <form class="purechat-init-form" action="">
        <p class="alert alert-error init-error please-entername" style="display:none;">Please enter a name.</p>
        <input type="text" class="purechat-name-input" name="purechat-name-input" placeholder="Name" maxlength="40">
        <input type="submit" class="btn" id="purechat-name-submit" value="Send Chat Request">
      </form>
    </div>
    <div class="purechat-poweredby-container">
      <span class="purechat-poweredby">Powered by </span><a target="_blank" href="http://www.purechat.com">PureChat.com</a>
    </div>
  </div>
</div>