Chrome扩展程序js:在background.js和popup.js之间共享功能

Question

假设我有一个JavaScript函数foo(),我想在后台和中执行popup.html.

例如:它在Chrome扩展程序的后台每小时执行一次,但用户也可以通过弹出菜单(popup.html)点击按钮来激活它.

我目前有一个global.js脚本定义foo(),当我foo()在我的popup.js文档中包含调用时,它们执行没有问题.(如果我包含两个脚本popup.html)

但是,当我尝试访问foo()内部时background.js,调用不会执行(即使global.js包含在"background""manifest.json"扩展文件中:

"background": {
    "persistent": true,
    "scripts": ["background.js", "global.js"]
},

有没有一种方便的方法来共享background.js和之间的功能popup.js(没有将整个功能复制到每个功能)？

Answer 1

后台脚本按清单文件中指定的顺序加载.只需在后台脚本之前使用通用代码加载文件,如下所示:

"background": {
    "persistent": true,
    "scripts": ["global.js", "background.js"]
},

相反,在弹出复制的代码,你也可以使用chrome.extension.getBackgroundPage()从弹出式访问的函数/变量背景页,如chrome.extension.getBackgroundPage().myFunction();.