谷歌chrome擴展程序http請求監視選項卡

Question

我正在研究Google Chrome擴展程序。 我想要的是，一旦用戶在瀏覽器選項卡上的http請求完成，它就會發出警報。 意味着當瀏覽器完成其請求應用程序后便可以收聽它。

現在我正在使用下面的代碼。 請求完成后，它將讀取選項卡URL。

chrome.webRequest.onCompleted.addListener(function() {
    var mydiv = document.createElement('div');  
        chrome.tabs.getSelected(null,function(tab) {
        mydiv.innerHTML = tab.url;      
    });         
    document.body.appendChild(mydiv);
});

但這對我不起作用。 有什么幫助嗎？

Answer 1

您可能正在從后台頁面運行代碼（否則chrome.webRequest API將不可用。從那里（后台頁面）無法與網頁DOM進行交互。

您可以這樣實現您想要的：

解決方案A

1. 將內容腳本注入到網頁中的“ document_end”或“ document_idle”處 。

2. 內容腳本（一旦注入）將創建您的div並將其添加到DOM。

解決方案B

1. 讓您的背景頁面監聽頁面加載。 順便說一句， chrome.tabs.onUpdated可能更適合該任務。 例如：

   \n chrome.tabs.onUpdated.addListener（function（tabId，info，tab）{  \n     如果（info.status &&（info.status ==“ complete”））{\n         //頁面已加載，因此請插入內容腳本\n     }\n }）;\n

2. 在頁面加載時，以編程方式注入內容腳本。

3. 內容腳本（一旦注入）將創建您的div並將其添加到DOM。