2013-10-22 23 views
0

我对试图添加通知,谷歌chrome扩展它意味着,只要有我的网站上一个新职位的通知会显示在扩展程序图标小的Redbox没有1- 10就像Feedly扩展程序,或谷歌浏览器中的unboxtherapy扩展程序。试图通知添加到谷歌Chrome扩展

回答

0

作出这样的通知,似乎应该是简单的:

var notification = '#FA2E05' 
function showNotification() { 
    chrome.browserAction.setBadgeText({text: ' '}); 
    chrome.browserAction.setBadgeBackgroundColor({color: notification}); 
} 

function clearNotification() { 
    chrome.browserAction.setBadgeText({text: ''}); 
} 

这里有一个帮手我倾向于当我使用徽章的使用方法:

function updateBadge(options) { 
    var t = options.text, 
     c = options.color||options.colour; 

    if(t !== undefined){ 
     chrome.browserAction.setBadgeText({text: (t||'')}); 
    } 
    if(c !== undefined) { 
     chrome.browserAction.setBadgeBackgroundColor({color: c}); 
    } 
} 

它可以让你更新徽章的颜色和/或文字使用
updateBadge({text:'55'}) //保持相同颜色或
updateBadge({colour:'#FA2E05', text:' '}) //显示徽章(等同于showBadge())

+0

在哪里添加这个这是我的js文件 喜欢的代码https://docs.google.com/file/d/0B_b7vutPyv8gWDdMM011bThySGs/edit?usp = sharing – P082

+0

某处之前,你想改变徽章 - 我个人保留这些功能在我用作主JavaScript代码的依赖项的'browser'对象中。如果将来我想将扩展移植到其他浏览器,这非常有用。所以我可以调用browser.updateBadge({text:33,color:'#7D4E45'})'如果我想在我的脚本中的任何地方更换徽章,前提是我的'browser.js'文件已经加载。 – megawac

+0

请你能帮助我,我不知道如何修改它。为通知带来徽章。 – P082