将我的旧Firefox附加组件迁移到WebExtension API时,在收到此错误时无法理解:
TypeError: browser.browserAction is undefined
这是manifest.json:
{
"manifest_version": 2,
"name": "My Login",
"version": "3.0",
"description": "Login to my page",
"homepage_url": "https://localhost",
"icons": {
"48": "icons/button-1.png"
},
"permissions": [
"activeTab", "storage"
],
"browser_action": {
"default_icon": "icons/button-1.png",
"default_title": "Login"
},
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["index.js"]
}
],
"options_ui": {
"page": "options.html"
}
}
这是index.js:
function handleClick() {
var loginUserName, loginPassword;
var URL = window.content.location.href;
var doc = window.content.document;
}
browser.browserAction.onClicked.addListener(handleClick);
所以当我转到 about:debugging 并加载我的附加组件作为临时插件时,我在浏览器控制台中得到 TypeError:browser.browserAction未定义。
Options.html,options.js和button-1.png确实存在 - 我只是不把它们放在这里。
在Firefox 55.0.3(32位)中观察。知道为什么会发生这种错误吗?
谢谢, 浣熊
答案 0 :(得分:6)
browser.browserAction应该在后台脚本中调用,而不是像你一样在内容脚本中调用。所以假设这段代码在background.js中:
function handleClick() {
console.log("do something.");
// If you want to something with the content, you will need a content script and messaging
}
browser.browserAction.onClicked.addListener(handleClick);
您可以在manifest.json中添加background_scripts键:
{
"manifest_version": 2,
"name": "My Login",
"version": "3.0",
"description": "Login to my page",
"homepage_url": "https://localhost",
"icons": {
"48": "icons/button-1.png"
},
"background": {
"scripts": ["background.js"]
}
}