javascript - 如何在 Chrome 扩展中使用另一个 javascript 文件

Question

如何在contentscript.js中使用javascript文件的功能？我在 a1.js 中有一些函数，我想知道如何在 contentscript.js 中调用它们

a1.js 也是扩展的一部分，与 contentscript.js 在同一个文件夹中

Answer 1

将它们放入您的 manifest.json 文件中:

  ....
  "content_scripts": [
    {
      "matches": ["*://*/*"],
      "js": ["a1.js", "contentscript.js"]
    }
  ],
  ....

a1.js 将首先加载，然后是 contentscript.js。

例子:

// a1.js
function x() { return 100; }
alert(typeof y); // undefined, because `contentscript.js` is not loaded yet
setTimeout( function(){alert(typeof y;)}, 1000 ); // function

// contentscript.js
function y() {
    alert(x()); // Shows 100
}