Firefox扩展:通过脚本标签包含的JavaScript文件不起作用

时间:2019-05-06 07:50:24

标签: javascript firefox-webextensions

基于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");

但是我在控制台中看不到任何东西。单击扩展程序图标时,弹出窗口正确显示。
我不知道这里缺少什么。任何帮助表示赞赏!

1 个答案:

答案 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