Chrome 扩展程序图标不显示答案

【问题标题】：Chrome Extension icon doesn't show upChrome 扩展程序图标不显示
【发布时间】：2018-01-24 00:06:56
【问题描述】：

我正在尝试制作我的第一个 Chrome 扩展程序。它应该读取和修改特定网页上的文本。它工作正常，只是图标永远不会出现。

它只是在 chrome 开发者页面和 Chrome 工具栏中显示默认的拼图图标。

我在 manifest.json 文件中使用以下内容。

"page_action": { "default_icon": "favicon2.jpg", "default_title": "Portal.io Deposit Calculator" }

favicon2.jpg 与 manifest.json 位于同一目录中。我尝试使用 .ico 和 .jpg 调整图像大小。图片不是完全正方形（32x33），但我认为它会自行调整大小，对吧？

【问题讨论】：

标签： javascript json google-chrome

【解决方案1】：

尝试在顶层添加“图标”键：

"icons": {
    "16": "image16.png", //for 16x16 pixels
    "48": "image48.png", //for 48x48 pixels
    "128": "image128.png" // for 128x128 pixels
},
"browser_action": {
    "default_icon": "image16.png",
    "default_popup": "popup.html"
},

此处的图标文档：https://developer.chrome.com/extensions/manifest/icons

【讨论】：

我添加了“icons”键和相关的 16、48 和 128 版本的图标。该图标仍然没有出现在任何地方。
没关系，看起来 jpg 没有显示（甚至文档都说它是有效的格式）。尝试使用 png 格式
我将它们全部转换为 .png，现在似乎可以正常工作了。感谢您的帮助！

【解决方案2】：

尝试在你的清单文件中添加这个：

"icons": {
    "16": "image16.png", //for 16x16 pixels
    "48": "image48.png", //for 48x48 pixels
    "128": "image128.png" // for 128x128 pixels
},

确保所有图标均为.png 格式。

【讨论】：

【解决方案3】：

确保在两个位置都添加图标 --- 在“icons”键和嵌入在“action”值中的“default_icon”键中，如下所示。

"icons": {
    "16": "/images/icon-16x16.png",
    "32": "/images/icon-32x32.png",
    "48": "/images/icon-48x48.png",
    "128": "/images/icon-128x128.png"
},
"background": {
    "service_worker": "background.js"
},
"action": {
    "default_popup": "popup.html",
    "default_icon": {
        "16": "/images/icon-16x16.png",
        "32": "/images/icon-32x32.png",
        "48": "/images/icon-48x48.png",
        "128": "/images/icon-128x128.png"
    }
}

【讨论】：