开发的新标签页插件 icon 在 edge 浏览器显示成纯黑的，别的浏览器正常

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 232 天前的主题，其中的信息可能已经有所发展或是发生改变。

有偿求解，两礼拜了，各种方法试了都不管用：
开发的新标签页插件 icon 在 edge 浏览器显示成纯黑的，别的浏览器正常，不知道为啥
尝试了使用没有透明层的 jpg 文件也不行，ico 文件也不行，png 文件是 figma 导出的
不知道是文件的问题还是 mannifest.json 文件里设置的问题：
"icons": {
"16": "icon16.png",
"19": "icon19.png",
"32": "icon32.png",
"38": "icon38.png",
"48": "icon48.png",
"128": "icon128.png"
}
路过的兄弟姐妹们 help~~~

标签页插件

edge浏览器

纯黑

2 条回复 2025-05-16 10:46:38 +08:00

232 天前

所以图片到底是什么格式的，你提到了，jpg ，ico ，main 文件里是 png…

方便发地址看看嘛

leonkfd

232 天前

```js
// 判断当前是否为 Edge 扩展, 更换 Favicon
const isEdgeExtension = window.location.href.includes('chrome-extension') && window.navigator.userAgent.includes('Edg/')
if (isEdgeExtension) {
const icOnRel= document.querySelector('link[rel="icon"]')
iconRel?.setAttribute('href', 'favicon-edge.png')
}
```