单击图标时如何更改chrome扩展的徽章文本?

时间:2015-04-28 05:50:51

标签: javascript google-chrome google-chrome-extension

我是开发Chrome扩展程序的新手,并希望从一些简单的代码开始。我尝试在用户点击图标时更改徽章文字。但是,这似乎不起作用。任何人都可以建议我在这里做错了什么?

的manifest.json

  {
  "name": "Hello World",
  "description": "Just displays hello world",
  "version": "1.2",
  "manifest_version": 2,
  "background": 
    {
        "scripts": ["background.js"],
        "persistent": false
    },
  "browser_action":
    {
        "name": "Click to display",
        "default_popup": "popup.html"

    }

 }

background.js

function updatebadge()
{
chrome.browserAction.setBadgeText({text: "Hello!"});    
};

chrome.browserAction.onClicked.addListener(updatebadge);

popup.html

<body>
    Hello, World!
</body>

1 个答案:

答案 0 :(得分:3)

根据chrome.browserAction

  

<强> onClicked

     

单击浏览器操作图标时触发。如果浏览器操作有弹出窗口,则不会触发此事件。

所以你可以删除你的弹出窗口,或者使用解决方法......

chrome.browserAction.onClicked.addListener() with popup