Chrome扩展程序无法使用已更改的default_popup属性

Question

以下是我的manifest.json内容：

{
"update_url":"http://clients2.google.com/service/update2/crx",
"background": "background.html",
"browser_action":
                   {
                   "default_icon": "128.png",
                   "default_title": "Music",
                   "default_popup": "background.html"
                   },
"description": "abc" ,
"name": "Music Discovery" ,
"permissions": ["tabs"],
"version": "2.1",
"manifest_version": 2

}

现在，尽管我已经用default_popup属性替换了popup属性，但是仍然无法正常工作。 我的background.html包含一个简单的UI，单击一个按钮即可调用Java脚本。 但是它不起作用，单击时没有任何反应。 提前致谢。

Answer 1

{

    "name": "Music Discovery",
    "version": "2.1",
    "manifest_version": 2,
    "description": "abc" ,

    "background": {
        "scripts": ["background.js"],
        "persistent": false // add this line if you use event page.
    },

    "browser_action": {
        "default_icon": "128.png",
        "default_title": "Music",
        "default_popup": "popup.html"
    }

}

我从未使用过“ update_url”属性，因此我不知道将其放置在何处。 但是，我认为您的manifest.json应该是这样的。

我相信，如果要使用具有UI的弹出窗口，应该提供popup.html而不是background.html。

后台页面仅处理逻辑，而不处理视图。

我的background.html包含一个简单的UI，单击一个按钮即可调用Java脚本。

因此，如果您想在popup.html中的按钮上添加click事件，请在popup.js中编写用于添加click事件的代码。

popup.js

document.getElementById('name-of-id').onclick = function() {
    //do something.
}

然后，像这样从popup.html导入popup.js。

popup.html

<script src="popup.js"></script>