如何在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
}