除非我单击弹出按钮，否则 Chrome 扩展 OnBeforeRequest 不会触发

Question

我正在构建一个 chrome 扩展，它需要重定向某个页面的脚本。我的 background.js 包括：

    chrome.webRequest.onBeforeRequest.addListener(
        function(details) {
            if (/js\example.js/.test(details.url))
                // setTimeout(requestScript(details), 0);
                return { 
                    redirectUrl: chrome.extension.getURL("novoScript.js")
                }
        },
        {urls: ['*://*.example.com/*.js']},
        ["blocking"]
    );

manifest.json 包括：

"background": {
    "scripts": ["background.js"],
    "persistent": true
},

它按预期工作，但该功能仅在我单击弹出按钮后重新加载页面时运行。我第一次在新选项卡中打开页面时，它没有运行。如果我在页面中，并且单击了弹出按钮，它总是有效的。如果我没有点击，无论我重新加载多少次，重定向都不起作用。

我已经尝试擦除 popup.js 的全部内容，但没有任何影响，所以不是因为那里有任何代码。

另外，我已经检查过 background.js 文件没有再次运行，所以似乎监听器在那里，但是如果我不点击弹出按钮，它就不会监听。我还在监听函数中添加了 console.log，在我点击按钮之前，它只记录对 'aobut:blank' url 的调用。

我想让侦听器在不点击弹出窗口的情况下工作，以避免不一致。任何帮助表示赞赏。

Answer 1

我不确定是什么导致了问题。但@wOxxOm 指出了一种整体上似乎更好的替代方法：declarativeNetRequest。有了它，每当请求所需的资源时，我都会应用一个通用规则。

实施：

manifest.json:

{
    ...    
    "declarative_net_request" : {
            "rule_resources" : [{
              "id": "ruleset_1",
              "enabled": true,
              "path": "redirectRules.json"
            }]
          },
     "permissions": [
          "declarativeNetRequest",
            "*://*.example.com/*"
        ],
      ...
}

redirectRules.json：

[{
    "id": 1,
    "priority": 1,
    "action": {"type": "redirect", "redirect": {"extensionPath": "/novoScript.js" }},
    "condition" : {
        "urlFilter" : "js/app.*.js",
        "domains": ["example.com"],
        "resourceTypes" : ["script"]
    }
}]

Answer 2

如果我在您第一次打开页面时理解正确，则它不会触发 onBeforeRequest。当您以另一种方式触发页面加载时，它会按预期触发 onBeforeRequest。

您可以使用 onBeforeNavigate 或 onBeforeNavigate 和 onBeforeRequest 的某种组合来捕获您想要的内容。

捕获任何选项卡更改的绝对可靠的方法是在后台脚本中执行以下操作：

chrome.tabs.onUpdated.addListener(function
  (tabId, changeInfo, tab) {
    // read changeInfo data and do something with it (like read the url)
    if (changeInfo.url && ..url-comparison-here) {
      // do something here

    }
  }
);