动态修改 FireFox 扩展中的 content_scripts.matches

Question

所以我正在尝试按照使用 WebExtensions 的 firefox 扩展的说明进行操作，并且我想将内容脚本附加到某些页面（如此处所述：https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Modify_a_web_page）。

问题是当我编写扩展程序但从本地存储加载它时，我不想指定我希望 content_script 在 manifest.json 中运行的页面集，即，我设置了一个选项页面，其中用户可以指定内容脚本应该运行的页面。是否可以动态更改通常使用 manifest.json 中的 content_script 指令设置的要修改的页面列表？

谢谢

Answer 1

不，对于manifest.json content_script（CSS 或 JavaScript），无法修改将发生注入的 URL。指定的代码将被注入所有匹配的 URL。这是有多种原因的。

这不可能的原因之一是对用户的安全性/透明度。 manifest.json 明确声明您的内容脚本将修改哪些 URL，声明它将修改活动选项卡，或者它将有权访问所有 URL/选项卡。如果您被允许更改 URL，那么您将有效地获得访问所有 URL 的能力，而无需明确声明您正在这样做。

是的，有一种方法可以声明您将这样做。 Chrome 使用chrome.declarativeContent 提供了一种实验性方法。在 Chrome 中，这被认为是实验性的，即使在可用了几年/几年之后。它在 Firefox 中不可用。它何时可用，或者即使它会在 Firefox 中可用，也不清楚。此外，即使在 Chrome 中，它也缺少一些可用于其他注入脚本的方法（例如run_at/runAt）的功能。

为了完全控制注入或不注入，您需要通过tabs.insertCSS() 和/或tabs.executeScript() 执行注入。使用这些方法注入或不注入脚本和 CSS 完全由扩展中的 JavaScript 控制。使用这些方法可以获得与使用 manifest.json content_script 条目获得的功能类似的功能，但具有更多控制权。这种更大的控制是以更高的复杂性为代价的。

Answer 2

那怎么样？有一堆事件要听，你可以选择任何一个满足你的要求：

• onBeforeNavigate
• onCommitted
• onDOMContentLoaded
• 已完成。

文档是here。这是一个如何在example.com 的子域上制作红色背景的示例。当然，你可以动态构建 URL 过滤器列表，这只是一个 PoC：

browser.webNavigation.onCommitted.addListener(
    function(details) {
        browser.tabs.insertCSS(details.tabId, {code: 'body {background:red}'})
    },
    {url: [{hostSuffix: '.example.com'}]}
);