Question

我正在玩Firefox插件，所以对我来说这大部分是新的。另外，我没有太多的JS知识。因此，在文档（https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/onUpdated）上我找到了'tabs.onUpdated“事件，它非常适合我的需要（如果具有特定url的选项卡更改url，我需要一个运行函数的事件）。这些示例，并通读了我的页面，但无法正常工作。有人可以帮我吗？

谢谢晃

代码：

manifest.json：

{

  "manifest_version": 2,
  "name": "Testing Add-on",
  "version": "1.0",

  "description": "Test Add-on",

  "icons": {
    "48": "icons/border-48.png"
  },

  "content_scripts": [
    {
      "matches": ["*://developer.mozilla.org/*"],
      "js": ["content_script.js"]
    }
  ],

  "permissions": ["tabs", "<all_urls>"]
}

content_script.js ：（仅用于测试脚本是否有效）

console.log("Before");
browser.tabs.onUpdated.addListener((tabId, changed) => {
    if (changed.url) {
        console.log("True");
    }
})
console.log("After");

Answer 1

    browser.tabs.onUpdated.addListener((tabId, changed) => {
        if (changed.url) {
            // URL of tab has changed
        }
    })

因此，为了告诉您具有特定URL的选项卡是否已更改其URL，您必须存储对相应选项卡的引用。

更新：您可以将第二个参数extraParameters传递给addListener： browser.tabs.onUpdated.addListener(callback, { urls: [/*array of match patters. Fire the event only for tabs whose current url property matches any one of the patterns*/] })

match patterns docs

Answer 2

感谢您添加manifest.json。在浏览器控制台（使用Ctrl + Shift + J或web-ext run --bc打开的控制台）中，您会看到以下错误消息：

TypeError: browser.tabs is undefined

这是因为您在内容脚本中使用browser.tabs，而应该在后台脚本中使用它。

将以下内容添加到清单文件中：

    "background": {
        "scripts": ["background_script.js"]
    }

->其中background_script.js具有您content_script.js具有的内容。现在将您的内容脚本留空。这是将注入到与给定URL模式匹配的页面中的脚本。

您可以在content_script.js中编写以下内容（仅用于测试）： document.body.style.border = '5px solid red';

每当该选项卡的URL更改时，

True（来自您的后台脚本中的onUpdated处理程序）将被打印到浏览器控制台（而不是开发人员工具控制台！）中。与您的网址格式匹配的页面将显示红色边框；）

Firefox插件的“ tabs.onUpdated”如何工作？

2 个答案: