javascript - 获取 Chrome A 扩展中选定选项卡发出的所有 WebRequest

Question

我想获取选项卡发出的所有网络请求并将其显示在 popup.html 上。

但是我面临的问题是。例如。我在第一个选项卡中打开了一个网站，现在我切换到第二个选项卡并打开另一个网站，然后切换回第一个选项卡。因此，现在当我切换回第一个选项卡时，在切换选项卡之前，如何获取该网站之前在第一个选项卡中完成的所有 Web 请求。因此，当我切换到第一个选项卡时，它必须再次加载。

我使用下面的代码来获取所选选项卡请求

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

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

      console.log(details);

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

Answer 1

1. tabs.getSelected 为 deprecated从 Chrome 33 开始，使用 tabs.query:

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

2. 在onBeforeSendHeaders的回调中检查tabId :

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