如何更改 chrome 扩展中的默认图标？答案

【问题标题】：how I can change default icon in chrome extension?如何更改 chrome 扩展中的默认图标？
【发布时间】：2011-08-04 10:41:53
【问题描述】：

我正在开发 chrome 扩展程序。

我的 manifest.json 页面显示

{
"name": "DemoExtension",
  "version": "1.0",
  "description": "Official addon from demeo",
  "browser_action": {
    "default_icon": "star-on.png",
    "popup": "shopcmp.htm"  
  },
  "permissions": [
    "tabs"    
  ],
  "background_page": "background.html"   
}

这里我想在运行时更改我的默认图标图像。

【问题讨论】：

标签： google-chrome google-chrome-extension

【解决方案1】：

如果要更改浏览器操作默认图标，只需更改

"browser_action": {
  "default_icon": "star-on.png", //<--this line: change "star-on.png" to the icon you want
  "popup": "shopcmp.htm"  
},

该行表示第一次加载扩展程序时的默认图标。
要更改代码中的图标，请致电chrome.browserAction.setIcon(details)。

如果您想更改扩展程序图标（在安装期间、Chrome 网上应用店、扩展程序管理页面中以及作为网站图标显示的图标），请将 icons 属性添加到您的 manifest.json 文件中。

【讨论】：

对我来说 browserAction 在 chrome 中是未定义的。你能帮忙吗？
但是如何在运行时设置 default_icon 呢？我需要这样做以避免在更改图标时闪烁。
@ciembor 使用 chrome.browserAction.setIcon({path:"icon.png"});
manifest 文件中的 browser_action 和 page_action 有什么不同？
但是扩展页面内的标志没有更新...有什么线索吗？ @DigitalPlane

【解决方案2】：

要实用地更改默认的 chrome 扩展，您可以这样做：

chrome.browserAction.setIcon({ path: "my-icon.png" });

或自定义尺寸：

chrome.browserAction.setIcon({
  path: {
    19: "my-icon19.png"
  }
});

完整文档：https://developer.chrome.com/docs/extensions/reference/browserAction/#method-setIcon

【讨论】：

另外，如果有人想知道为什么 Nathan 在他的示例中指定了 png 图像，这是因为 其他图像类型在解压扩展中不起作用（实际上是在开发模式下） .来源：developer.chrome.com/extensions/…
这个路径是相对于 background.js 还是存在于 images 文件夹中的文件？
如果您使用清单 3，您将需要 chrome.action.setIcon

【解决方案3】：

如果您希望每个页面都有自己的图标状态，请使用chrome.pageAction。

【讨论】：

【解决方案4】：

使用新的清单 v3，在运行时更改图标的标准现在是

chrome.action.setIcon()

【讨论】：