Как использовать другой файл JavaScript в расширении Chrome

Question

Как использовать функции файла javascript в contentscript.js? У меня есть некоторые функции в 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
}