javascript - 有选择地包含依赖于网站的 javascript 文件

Question

我正在尝试构建一个适用于两个网站的 Chrome 扩展程序，我们将它们称为 website1.com 和 website2.com。根据我们所在的网站，我想包含一个不同的 JS 文件来存储所有逻辑(在本例中，我将其称为 code-for-website-1.js (还有另一个 JS 用于 website2.com )。

我无法弄清楚当我在 website1.com 上时如何只能包含 code-for-website-1.js 以及当我在 code-for- 上时如何只能包含 code-for-website-2.js website-2.js。

这是我的 list :

{
  "name": "My Chrome Extension",
  "version": "1.0",
  "description": "Extension description",
  "manifest_version": 2,
  "permissions": ["tabs", "http://www.website1.com", "http://www.website2.com"],
  "content_scripts": [
    {
      "matches": ["http://www.website1.com"],
      "js": ["jquery.js", "code-for-website-1.js"]
    }
  ]
}

我尝试使用一个使用以下命令的controller.js:

if (onWebsite1 == true){
chrome.tabs.executeScript(null, { file: "code-for-website-1.js" });
} else {
chrome.tabs.executeScript(null, { file: "code-for-website-2.js" });
}

这样我就得到了错误:

未捕获类型错误:无法调用未定义的“executeScript”方法

Answer 1

根据文档在 list 中，您可以将多个对象添加到 content_script 数组

示例

"content_scripts": [
   {
      "matches": ["http://www.website1.com/*"],
      "js": ["script_for_website1.js"]
   },
   {
      "matches":["http://www.website2.com/*"],
      "js":["script_for_website2.js"]
   }
]