到目前为止,我的浏览器扩展很简单,但清单存在问题。在一种情况下,只有浏览器按钮工作,而在另一种情况下只有脚本工作。
background.js
function myfunction() { //change page text }
myfunction();
function onclicktest() { // do something on btn click }
browser.browserAction.onClicked.addListener(onclicktest);
alert('Never shown');
案例1 - 浏览器按钮不起作用,myfunction被调用
"content_scripts":
[{
"matches": ["<all_urls>"],
"js": ["background.js"],
"run_at": "document_end"
}]
案例2 - 浏览器按钮工作,myfunction不被调用
"background": {
"scripts": ["background.js"]
}
这是一个Firefox附加组件。
这是因为browserAction
API不适用于内容脚本环境,而myfunction
中用于修改网页的代码在扩展程序的后台脚本中执行时将无法正常工作。
您可以使用以下内容进行此操作:
browser.browserAction.onClicked.addListener(function(tab){
chrome.tabs.executeScript(tab.id, {
code: `(${myfunction.toString()})();`
}
});
而manifest.json:
"permissions":["tabs"],
"background": {
"scripts": ["background.js"]
}