獲取所有WebRequest由Chrome中的選定選項卡製作A擴展

Question

我想獲取選項卡所做的所有網絡請求並將其顯示在popup.html上。

但我面臨的問題是，例如。我在第一個選項卡中打開了一個網站，現在我轉到第二個選項卡並打開另一個網站並轉移回第一個選項卡。所以，現在當我移回到第一個標籤頁時，我怎樣才能在移動標籤之前先獲得第一個標籤頁中該網站完成的所有網絡請求。所以當我切換到第一個選項卡時，它將不得不再次加載。

我用下面的代碼來獲取自鉻33所選擇的標籤的請求

chrome.tabs.getSelected(null, function(tab){ 

    chrome.webRequest.onBeforeSendHeaders.addListener(function(details) { 

     console.log(details); 

    }, { 
    urls: ["<all_urls>"] 
}); 

Answer 1

1. tabs.getSelected是deprecated，使用tabs.query：

   var myTabId; 
   chrome.tabs.query({currentWindow: true, active: true}, function(tabs) { 
       myTabId = tabs[0].id; 
   }); 
   

2. 檢查tabId中的回調onBeforeSendHeaders：

   chrome.webRequest.onBeforeSendHeaders.addListener(function(details) { 
       if (details.tabId == myTabId) { 
        console.log(details); 
       } 
   });