Chrome扩展程序,包含CNN等通知

时间:2014-10-30 18:42:26

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

我是chrome扩展的新手。我创建了一个简单的chrome扩展来显示最新的新闻更新,它运行正常。现在,我怀疑的是,当我发布新帖子时,chrome扩展图标应显示1的通知。这意味着新帖子已更新通知。您可以看到CNN新闻Chrome扩展程序。

是否有任何可能的方式来显示通知。

我的manifest.json代码是,

{
    "name": "my name",
    "description": "my desc", 
    "browser_action": {
        "default_icon": {
            "19": "icons/icon19.png"
            },
        "icons": { "16": "icons/icon16.png","48": "icons/icon48.png", "128": "icons/icon128.png" },     
        "default_title": "my name", 
        "default_popup": "popup.html"
    }, 
    "manifest_version": 2,
    "update_url": "http://clients2.google.com/service/update2/crx",
    "content_security_policy": "script-src 'self' https://www.google.com; object-src 'self'",
    "version": "0.1"
}

我的Popup.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
    <title>my name</title> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript" src="script.js"></script>
</head>

<body> 

    <div id="feed"></div> 

</body>
</html>

我的script.js代码是

   google.load("feeds", "1");

    function initialize() {
      var feed = new google.feeds.Feed("http://feeds.feedburner.com/myname/");
      feed.setNumEntries(10);
      var count = 1;
      feed.load(function(result) {
        if (!result.error) {
          var container = document.getElementById("feed");
          var html = "";
          for (var i = 0; i < result.feed.entries.length; i++) {
            var entry = result.feed.entries[i];
            html = "<div class='feeds'><h5>" + count++ + ". <a href='" + entry.link + "'>" + entry.title + "</a></h5></div>";
            var div = document.createElement("div");
            div.innerHTML = html;
            container.appendChild(div);            
          }
          document.write(html);
        }
      });
    }
    google.setOnLoadCallback(initialize);

1 个答案:

答案 0 :(得分:-1)

如果您要显示浏览器操作徽章(扩展程序工具栏图标上方显示的小编号),您可以通过调用chrome.browserAction.setBadgeText来设置/更改该徽章。

相关问题