browser.tabs 在 Firefox 扩展中未定义

Question

这是我的 manifest.json 文件：

{
  "manifest_version": 2,

  "permissions": ["tabs", "storage", "webRequest", "<all_urls>"],

  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["assets/js/jquery-3.3.1.min.js", "blocker.js"]
    }
  ],

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

  "options_ui": {
    "page": "background-page.html",
    "browser_style": true
  }
}

和我的 blocker.js 文件：

function cleanPage(tabId, changeInfo, tabInfo) {
  console.log("I am in cleanPage");
}

try {
  console.log("browser : ");
  console.log(browser);
  console.log("browser.tabs : " + browser.tabs);

  browser.tabs.onUpdated.addListener(cleanPage);

} catch(err) {
  console.log("err : ", err);
}

我得到这个错误：

browser.tabs : undefined blocker.js:114:3
err :  TypeError: "browser.tabs is undefined"

我的设置：
- Mozilla Firefox 65.0.1
- Ubuntu 18.04

我不太明白这个错误，因为我正在做 Mozilla Tutorial 中所写的事情。有谁知道为什么会出现这个错误？

Answer 1

我的 blocker.js 文件在 content_scripts 中。我把它移到了 background_scripts 并且它起作用了。

只有来自 background_scripts 的文件可以访问 browser.tabs API。

我的新 manifest.json 文件：

{
  "manifest_version": 2,

  "permissions": ["tabs", "storage", "webRequest", "<all_urls>"],

  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": []
    }
  ],

  "background": {
    "scripts": ["assets/js/jquery-3.3.1.min.js", "background.js", "blocker.js"]
  },

  "options_ui": {
    "page": "background-page.html",
    "browser_style": true
  }
}

browser.tabs 在 Firefox 扩展中未定义

browser.tabs is undefined in firefox extension

javascript

firefox

firefox-addon