7

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

我找到了多个教程来解释default_iconbrowser_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,所以它仍然需要添加到清单中。无论用户使用什么设备,图标数组都只允许开发人员展示高质量的徽标。

4

2 回答 2

5

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

"icons" : { "icon48.png" }

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

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

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

谢谢!

于 2013-08-10T00:27:16.100 回答
4

您在里面提到的图标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"
},
于 2019-03-27T09:25:13.663 回答