クロム拡張機能アイコンを動的に変更する（クリックせずに）

Question

クローム拡張機能の変更アイコンを（クリックしないで）作成する方法を教えてください。ページに特定の文字列があるかどうかをチェックしているスクリプトがあります。拡張アイコンがグレーからカラーに変更されたい場合は、あなたのようなものを行うことができた背景には

Answer 1

それは、例えば、アイコンを設定したい場合、コンテンツのスクリプトがメッセージを送信する必要があります。バックグラウンドスクリプトで次に

chrome.runtime.sendMessage({ 
    action: 'updateIcon', 
    value: false 
}); 

：

chrome.runtime.onMessage.addListener(function (msg, sender, sendResponse) { 
    if (msg.action === "updateIcon") { 
     if (msg.value) { 
      chrome.browserAction.setIcon({path: "/assets/tick.png"}); 
     } else { 
      chrome.browserAction.setIcon({path: "/assets/cross.png"}); 
     } 
    } 
}); 

Answer 2

：

const updateIcon = tabId => { 
    const icon = isDisabled() ? icons.disabled : icons.enabled; 
    chrome.pageAction.setIcon({ tabId, path: icon }); 
}; 
chrome.tabs.onUpdated.addListener(updateIcon); 

REF：https://github.com/gbleu/opteamissed/blob/master/background.js#L38