chrome扩展动态更改图标(不点击)

Question

如何制作我的chrome扩展更改图标(不点击它).我有脚本检查页面是否有某些字符串,如果有,我希望我的扩展图标从灰色变为彩色.

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