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

时间:2013-08-09 23:17:47

标签: google-chrome google-chrome-extension

我发现了一个奇怪的场景,使用清单文件试图构建chrome扩展。我正在使用Chrome版本28.0.1500.95 for Mac,我对如何正确显示工具栏上的扩展图标感到困惑。我找到了多个教程来解释定义“browser_action”:“icon_.ng”在“browser_action”关联数组中,如下所示:  "browser_action" : { "default_icon" : "icon_name.png" } 但是,根据documentation,最好使用数组: icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }

该文档包含仍然支持原始方式(我的第一个示例)的详细信息:19 x 19图标被重新设计以查看特定显示像素密度 - 这可能导致图像看起来有损。

我的问题是,当我完成设置时,并非所有图像都显示,我的pastebin有我的清单文件,其中扩展管理器不显示48像素图像。我已经回答了一个问题,即全部写出来 - default_icon只有19 x 19,所以它仍然需要添加到清单中。无论用户使用什么设备,图标阵列都只允许开发人员显示高质量的徽标:)

一些论坛讨论了重启程序 - 甚至重新启动计算机。

2 个答案:

答案 0 :(得分:4)

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

"icons" : { "icon48.png" }

来自我的代码。我只将128像素图像添加到图标数组中,因此图标在扩展管理器中可见。这导致我添加图标数组后从未显示默认图标。添加完所有图像尺寸后,再次显示默认项目。

这一切都归结为基本原则,即无限量的方法来解决问题。 Scott共享的方法我甚至不知道你可以这样改变它。

  • 这是一个way
  • 另一个way
  • 我的way
  • 当然 Scott共享的方法。

谢谢!

答案 1 :(得分:0)

您在browser_actionpage_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"
},