更改 Chrome 扩展程序图标

Question

我是 Google Chrome 扩展程序的新手，我已经为我们的网站创建了一个，用于检查您所在页面的内容，并根据它获取服务器的 ID（我们有一个带有 4 个 VM 的网络农场） .现在使用服务器 ID，我不想更改扩展图标以在此处显示号码。我试过使用：

chrome.browserAction.setIcon({
    path : folder + icons[2],
    tabId: tab.id
});

但我收到此错误：chrome.browserAction is not available: You do not have permission to access this API. Ensure that the required permission or manifest property is included in your manifest.json.

我已经尝试在谷歌上搜索错误并一直在搜索文档，但找不到导致此问题的原因...

Answer 1

Unchecked runtime.lastError: Icon invalid.

以防万一任何人在更改 browserAction 图标时遇到上述错误，我需要澄清：并非所有尺寸的图像都支持，但 48x48 是有效的。

Answer 2

内容脚本无法访问大多数扩展 API。相反，您需要使用 message passing 让内容脚本警报通知后台页面需要完成的工作。

你的内容脚本应该使用chrome.runtime.sendMessage发送消息，后台页面应该使用chrome.runtime.onMessage.addListener监听：

内容脚本：

if(shouldChangeIcon) {
    // send message to background script
    chrome.runtime.sendMessage({ "newIconPath" : folder + icons[2] });
}

背景页面：

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
        // read `newIconPath` from request and read `tab.id` from sender
        chrome.browserAction.setIcon({
            path: request.newIconPath,
            tabId: sender.tab.id
        });
    });