javascript - 如何动态更改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() ]
      }
    ]);

});});

这是我的 list .json

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

},

有什么建议我如何在不同的语句上动态更改扩展工具图标？提前致谢!

Answer 1

嗯，it's there in the docs .

declarativeContent API 只能执行非常有限的操作，而不是任意代码。

感谢您，chrome.declarativeContent.setIcon 是一个完全满足您需要的操作。就像您已经使用的那样使用它，只是它需要一个参数。

并总体阅读该文档页面。