google-chrome-extension - chrome扩展动态改变图标(无需点击)

Question

如何让我的 chrome 扩展程序更改图标(无需单击它)。我有一个脚本正在检查页面是否具有特定字符串，如果有，我希望我的扩展图标从灰色更改为彩色。

Answer 1

更新答案:对于 Manifest V3

使用chrome.action.setIcon({ path: "/example/path/image.png"})。

Source

原始答案:适用于 Manifest V2 及以下

当内容脚本想要设置图标时，需要发送一条消息，例如

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"});
        }
    }
});