Question

我今天开始学习如何制作Chrome扩展程序。当我按下扩展按钮时，我想要它做的就是提醒。

我的manifest.json文件：

{
"name": "BrowserActionExtension",
"version": "0.0.1",
"manifest_version": 2,
"background": { "scripts": ["background.js"] },
"browser_action": {
    "default_icon": {
        "19": "icons/19x19.png",
        "38": "icons/38x38.png"
    },
    "default_title": "That's the tool tip",
    "default_popup": "popup.html"
}
}

我把两件事情捆绑在了一起。第一个是在popup.html中运行脚本。但我读到我不能使用内联脚本。我的popup.html文件：

<html>
<head>
    <script src='script.js' type='text/javascript'></script>
</head>

<body>
    Hello World!
</body>
</html>

和我的脚本文件：

<script>
console.log("clicked");
alert("hey");
</script>

它们都不起作用，没有警报，也没有写入控制台。

我尝试的最后一件事是使用：chrome.browserAction.onClicked.addListener 我在后台脚本中使用，我发现它在扩展开始工作时有效（不知道它是为每个标签运行还是在我打开浏览器后运行）。

function dostuff() {
  console.log("HEY")
  alert("FDS");
}

chrome.browserAction.onClicked.addListener(dostuff);

如何在按下扩展程序时发出警报？

感谢您的帮助和时间

Answer 1

1）您不应将包含的JavaScript文件的内容包装在<script>标记中。

删除它，你的例子应该有效。

哦，顺便说一下，console.log("clicked");将输出到弹出窗口自己的控制台。您可以通过右键单击按钮并选择＆＃34; Inspect popup＆＃34;来检查（并查看有关代码的错误）。

2）您在后台的代码不起作用，因为在您使用弹出页面时不会触发事件。有关详细信息，请参阅here。

Chrome扩展程序 - 点击活动

1 个答案: