Google chrome 扩展问题：popup.html 干扰了 background.html 中的脚本执行

Question

我正在学习如何扩展谷歌浏览器，我遇到了以下问题：

我有以下清单文件：

{
    "name": "My First Extension",
    "version": "1.0",
    "description": "The first extension that I made.",
    "background_page": "background.html",
    "browser_action": {
        "default_icon": "icon.png", 
        "popup": "popup.html"
     },
    "permissions": [
    "tabs",
        "http://*/*",
        "https://*/*"
    ]
 }

我的 background.html 文件只是在页面中注入了一些简单的 JavaScript：

<script>
    // Called when the user clicks on the browser action.
    chrome.browserAction.onClicked.addListener(function(tab) {
        chrome.tabs.executeScript(null, {code:"alert(\"hi from background CODE\");"});
    });
</script>

我的 popup.html 文件只是简单的 HTML：

<body>
    Sup Playa
</body>

background.html 中的对话框永远不会显示。 popup.html 按预期运行。

但是，当我从清单文件中注释掉 popup.html 时，background.html 中的脚本可以工作。

我做错了什么？为什么没有显示对话框和弹出窗口？

Answer 1

正如docs 中所说：

onClicked 事件不会在浏览器操作有弹出窗口时触发。

因此，如果您将任何 html 文件分配给弹出窗口 "popup": "popup.html"（而不仅仅是没有正文的按钮），则不会触发 onClicked 事件。

如果您希望每次打开时都执行某些内容，您可以将代码直接放入popup.html（它具有与背景页面相同的权限）：

chrome.tabs.executeScript(null, {code:"alert(\"hi from background CODE\");"});