如何更改chrome扩展程序中的默认图标?

Yas*_*ahu 19 google-chrome google-chrome-extension

在这里,我正在使用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"   
}
Run Code Online (Sandbox Code Playgroud)

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

Dig*_*ane 16

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

"browser_action": {
  "default_icon": "star-on.png", //<--this line: change "star-on.png" to the icon you want
  "popup": "shopcmp.htm"  
},
Run Code Online (Sandbox Code Playgroud)

该行表示首次加载扩展时的默认图标.
要更改代码中的图标,请致电chrome.browserAction.setIcon(details).

如果要更改扩展程序图标(在安装期间,Chrome网上应用店中,扩展程序管理页面中以及作为图标中显示的图标),icons请在manifest.json文件中添加属性.


Nat*_*ram 16

要实际更改默认的Chrome扩展程序,您可以执行以下操作:

chrome.browserAction.setIcon({path:"my-icon.png"});
Run Code Online (Sandbox Code Playgroud)

  • 另外,如果有人想知道为什么 Nathan 在他的示例中指定了 png 图像,这是因为 **其他图像类型在未打包的扩展中无法工作**(实际上在开发模式下)。来源:https://developer.chrome.com/extensions/browserAction#type-ImageDataType (2认同)
  • 如果您使用的是清单 3,您将需要 `chrome.action.setIcon` (2认同)

mom*_*aji 7

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

chrome.action.setIcon()
Run Code Online (Sandbox Code Playgroud)