如何更改Chrome扩展中默认图标?

ybzsozfc  于 2022-12-16  发布在  Go
关注(0)|答案(5)|浏览(329)

在这里,我与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"   
}

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

g2ieeal7

g2ieeal71#

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

"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网上商店、扩展管理页面中显示的图标,以及作为favicon显示的图标),请在manifest.json文件中添加icons属性。

sirbozc5

sirbozc52#

要实际更改默认的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

jaql4c8m

jaql4c8m3#

对于新的清单v3,用于在运行时改变图标的标准现在是

chrome.action.setIcon()
kfgdxczn

kfgdxczn4#

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

xlpyo6sf

xlpyo6sf5#

注:如果要引用扩展文件夹中的图像,请使用绝对路径。例如,/icon.png,而不是icon.png,否则将触发“无法获取”错误。

相关问题