使 Chrome 内容脚本的“匹配”URL 可配置

Question

我正在寻找一种方法来使 Chrome 内容脚本匹配 URL 可配置。

脚本的 URL 通常在 manifest.json 中的 matches 数组中指定。我相信我可以将其设置为 http://*/ 或 https://*/ 并在脚本开头检查/过滤所需 URL 的执行，但我想知道是否有更简洁的方法来执行此操作。

有没有办法为配置的 URL 运行脚本，如果 URL 不匹配则根本不运行？

谢谢

Answer 1

这是可能的。看看可选权限。其配置在官方文档中有说明。

简而言之，你在可选权限中请求所有 url，然后用户可以添加更多域，chrome 会记住每个 aproval。

当用户执行用户操作时（例如在输入新域后按下 OK 按钮）进行 chrome api 调用以请求权限。如果它已经拥有它，则不再要求许可。 Else chrome 将显示一个模态 chrome 对话框，要求用户批准新权限。

我打算继续解释选项，但我发现了这个其他的。答案很好地解释了您拥有的选项。 https://stackoverflow.com/a/26677279/2213940

Answer 2

感谢您的建议，但我最终使用了 Programmatic Injection 的脚本（更多内容请点击此处：Chrome Developer: Programmatic Injection。

根据文档，我在manifest.json 中添加了两个权限：tabs 和一个通用的http://*/，以访问用户可能想要的任何域。

然后创建一个后台脚本来检查选项卡的 URL 是否发生变化，如果它与用户设置的 chrome.settings 中存储的设置匹配，则注入请求的脚本。

这样只进行检查，而脚本没有实际加载到内存中。

这里是manifest.json的一部分：

"permissions": [
    "tabs",
    "http://*/", "https://*/"
],
"background": {
    "scripts": [ "background.js" ],
    "persistent": false
},

脚本注入：

// inject the script
chrome.tabs.executeScript(tabId, {
    file: 'script.js',
    runAt: 'document_end'
});

编辑

检查请求的 URL：

// var url = ''; // get URL from chrome.settings

// attach a listener
chrome.tabs.onUpdated.addListener(tabUpdated);

// check that the url starts with the saved one
var tabUpdated = function (tabId, changeInfo, tab) {
    if (tab.url.indexOf(url) === 0) {
        // run the script
    }
};