我已经验证了扩展程序的 json 文件。但该图标没有显示在边缘。我该如何解决这个问题？

Question

我的上一个问题。

答案很有帮助，但我仍然无法使用图标。
它在边缘显示为一个拼图图标，但我需要更改它的图标。

图标：

我已经用this验证了它，但它显示为“有效”。

代码：

{
   "name": "The hey say extension",
   "version":"0.0.0.1",
   "manifest_version":2,
   "description":"I say “hey”, when you click on me!",
   "browser_action":{
      "default_popup":"HeySay settings and play.html", 
     "default_icon":"HeySay icon!🙂.png" //this is not working
   }
}

任何人都可以留下所需的代码作为答案吗？谢谢。

注意：不推荐

"default_icon":

，因为我尝试过，但根本不起作用。
此外，制作扩展和清单需要编程头！我有一个，但边缘正在造成严重的问题。

Answer 1

MDN 的兼容性表对 Edge/

default_icon

有以下注释（强调我的）：

部分支持

不支持 SVG 图标。

'default_icon' 必须是一个具有明确大小的对象。

因此您必须使用指定尺寸（或至少单个尺寸）的替代形式：

   "browser_action":{
      "default_popup":"HeySay settings and play.html", 
      "default_icon": {
        "32": "HeySay icon!🙂.png"
      }
   }

32的大小似乎是保证支持的；您的图标应该缩小以适应。如果您指定实际尺寸 (53)，它可能不起作用。

当然，如果您确实拥有尺寸至少为 32x32 和 64x64 且分辨率准确的图标，那是最好的。