2013-10-22 53 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