如何動態更改Chrome擴展程序圖標

Question

我正在開發chrome擴展程序。 該場景是

當我單擊圖標擴展名時，將POST請求發送到服務器，並根據GET響應在3種不同的if / else if / else語句中的任何一種上進行處理。 我正在使用頁面操作在地址欄旁邊顯示圖標。 我希望擴展圖標在每個if / else if / else語句上動態更改。

這是我的backgound.js，使該圖標在地址欄旁邊可見。

    chrome.runtime.onInstalled.addListener(function() {
  chrome.declarativeContent.onPageChanged.removeRules(undefined, function() {
    chrome.declarativeContent.onPageChanged.addRules([
      {
        conditions: [
          new chrome.declarativeContent.PageStateMatcher({
          })
        ],
        actions: [ new chrome.declarativeContent.ShowPageAction() ]
      }
    ]);

}）; }）;

這是我的manifest.json

"page_action" :
{
"default_icon" : "icon-191.png",
"default_title" : "xxx",
"default_popup": "popup.html"

}，

有什么建議我如何在不同的聲明上動態更改擴展工具圖標？ 提前致謝！

Answer 1

好吧， 它在docs中 。

declarativeContent API只能執行非常有限數量的操作，而不能執行任意代碼。

幸運的是， chrome.declarativeContent.setIcon是一項完全chrome.declarativeContent.setIcon您需要的操作。 像需要使用的參數一樣使用它，只是需要一個參數。

並大致閱讀該文檔頁面。