基于example from MDN,我创建了自己的扩展名,仅显示“ hi”消息。我通过标签包含了一个名为“ popup.js”的文件。但是该文件没有被执行。
这是我的 manifest.json 文件:
{
"manifest_version": 2,
"name": "Ext",
"version": "1.0",
"description": "Shows a hi message.",
"icons": {
"48": "icons/ff.jpg"
},
"permissions": ["tabs"],
"browser_action": {
"default_icon": "icons/toggle-off.png",
"default_title": "EXT",
"default_popup": "popup/popup.html"
}
}
这是我的 popup.html 文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h2>Hi</h2>
<script src="popup.js"></script>
</body>
</html>
我的popup.js文件中只有一行。也就是说,
console.warn("This is a warning");
但是我在控制台中看不到任何东西。单击扩展程序图标时,弹出窗口正确显示。
我不知道这里缺少什么。任何帮助表示赞赏!
答案 0 :(得分:0)
最后,我找出了问题所在。
要从通过标记包含的js文件执行代码,您需要在browser.tabs.executeScript
中指定该代码,而manifest.json文件中有一个错误。我应该将权限指定为activeTab
而不是tabs
。
因此,我修改后的 manifest.json 文件是:
{
"manifest_version": 2,
"name": "Ext",
"version": "1.0",
"description": "Shows a hi message.",
"icons": {
"48": "icons/ff.jpg"
},
"permissions": ["activeTab"],
"browser_action": {
"default_icon": "icons/toggle-off.png",
"default_title": "EXT",
"default_popup": "popup/popup.html"
}
}
和我的 popup.js 文件变为:
browser.tabs.executeScript({code:console.warn("This is a warning")
});
有关更多详细信息,请参见docs。