javascript - Chrome 拡張機能の検査中の奇妙な動作

Question

拡張機能アイコンをクリックして実行するスクリプトがあります-タブURLを取得し、リモートサーバーに投稿し、応答としてリストを取得する必要があります。一部の Web サイトでは、すべてが正常に機能していますが、他の Web サイトでは、最初の行、つまり「URL: blabla.com」のみが表示されます (まだ正しく投稿されています)。ここで、デバッグしようとすると、右クリックして要素を検査すると、リストが表示されます（ただし、「URL:」の行は表示されません）。

今私の質問 - なぜですか？

コード：

 chrome.tabs.getSelected(null,function(tab) {
   var tablink = tab.url;
    document.write("<p>"+ "URL: "+ tablink +"</p>");
    document.write("<p>"+ "Lists: </p>");
    var myData = { url: tablink };
    $.ajax(
            {
            url: 'http://127.0.0.1:8000/addon/',
            type: "post",
            data: myData,
            success: function(response){

            document.write("<p>"+ "Response: "+ response.id +"</p>");
                ...

編集: document.write() の代わりに .append() を使用してこの問題を修正しましたが、質問は引き続き参照できます-「要素の検査」が通常のポップアップを開くクリックと異なる理由と方法...