javascript - Chrome 扩展从内容脚本引用/调用其他脚本函数

Question

我有一个包含很多功能的内容脚本，我希望能够将这些功能拆分到其他脚本中

从内容脚本中调用其他脚本是否需要任何魔法

我的 list 包含两个脚本

"content_scripts": [
  {
    "matches": [
      "*://*/*"
    ],
    "js": [
      "content.js",
      "other.js"
    ]
  }
]

我的内容脚本工作正常

但是，如果我在 other.js 文件中放置一个函数并单步执行它，我在 other.js 中引用的任何内容都是未定义的

这里有什么我应该知道的吗？

编辑:

这只是一个简单的例子，测试函数应该在 contentscript 加载时运行

contentscript.js

Test();

其他.js;

function Test(){
  return true;
}

Google 告诉我未捕获的 ReferenceError，未定义测试

Answer 1

根据 Content Scripts 上的文档:

js: The list of JavaScript files to be injected into matching pages. These are injected in the order they appear in this array.

在您的情况下，content.js 将首先被注入(inject)并尝试在 之前执行 other 的 Test() 函数>other.js 已加载)。

请注意，根据您的 list ，两个脚本都将在“document_idle”加载，因此即使 content.js 已将对 Test() 的调用注册为在页面加载后运行，它仍应立即运行(因为页面已经加载。
如果您希望在加载页面内容之前注入(inject)您的脚本，请修改您的 list :

"content_scripts": {
    ...
    "run_at": "document_start"