default_icon 与创建 Chrome 扩展程序的图标

Question

我正在尝试构建 Chrome 扩展程序，但我对如何在 unibar 上正确显示扩展程序图标感到困惑。

我找到了多个教程来解释如何default_icon在browser_action对象内定义：

"browser_action": {
    "default_icon": "icon_name.png"
}

但是，根据文档，最好使用 object icons：

"icons": {
    "16": "icon16.png",
    "48": "icon48.png",
    "128": "icon128.png"
}

文档解释说仍然支持第一种方法：编辑 19x19 图标以用于特定显示，这可能导致图像看起来像素化。

我的问题是并非所有图标都显示。我的Pastebin有我的manifest.json文件，其中扩展管理器不显示 48px 图像。

我已经回答了我写的所有问题：default_icon仅是 19x19，因此仍需要将其添加到清单中。无论用户使用什么设备，图标数组都只允许开发人员显示高质量的徽标。

Answer 1

您在内部提到的图标显示在工具栏中browser_action，page_action而在外部提到的图标显示在页面chrome://extensions上

"browser_action":{
    "default_popup":"auth_popup.html",

     "default_icon": {
  "16": "images/bridgeglobal16.png",
  "32": "images/bridgeglobal32.png",
  "48": "images/bridgeglobal48.png",
  "128": "images/bridgeglobal128.png"
    }
},

 "icons": {
  "16": "images/salimeyes16.png",
  "32": "images/salimeyes32.png",
  "48": "images/salimeyes48.png",
  "128": "images/salimeyes128.png"
},

Answer 2

我没有添加所有的图标值，特别是

"icons" : { "icon48.png" }

从我的代码。我只将 128 像素的图像添加到图标数组中，因此该图标在扩展管理器中可见。这导致在我添加图标数组后，默认图标永远不会显示。完成添加所需的所有图像大小后，默认项目再次出现。

这一切都归结为一个基本原则，即解决问题的方法是无限的。斯科特分享的方法我什至不知道你可以这样改变它。

• 这是一种方法。
• 另一种方式。
• 我的方式。
• 当然还有斯科特分享的方法。

谢谢！