Firefox 附加组件：扩展图标未显示答案

【问题标题】：Firefox add-on : extension icon not showingFirefox 附加组件：扩展图标未显示
【发布时间】：2013-10-15 16:36:04
【问题描述】：

我正在使用Add-on SDK 开发一个Firefox 插件。我的扩展在使用 SDK 时工作正常，但是当我创建 .xpi 文件以手动将其添加到浏览器时，它不显示扩展图标。

我尝试更改package.json文件中的图标路径，但仍然没有显示图标。

package.json 文件：

{...
  "icon"        : "Phone-icon48.png",
  "icon64"      : "Phone-icon64.png",
...}

用于显示图标的小部件面板：

WidgetPackage.Widget({
  label: "Phone Dial",
  id: "phone_dial",
  contentURL: data.url("images/Phone-icon19.png"),
  panel: panel_name
});

谁能帮我解决这个问题？

谢谢。

【问题讨论】：

不确定您的意思 - 插件管理器中的小部件是否缺少图标？对于小部件图标，该文件是否实际存在于您的附加项目中的“data/images/Phone-icon19.png”？？？
是的，小部件的图标丢失了，但仅在使用 .xpi 文件添加扩展名时才会丢失。当我使用“cfx 运行”运行扩展程序时，图标显示。电话图标图像存在于数据目录中。
我也有同样的问题。并且图标会显示在附加组件管理器中。

【解决方案1】：

啊-这是解决方案。您将图标放在插件目录根目录下名为 data 的文件夹中，并将它们命名为 as if 它们位于根目录中。

{...
    icon: { "16": "./icon-16.png", "32":"./icon-32.png", "64": "./icon-64.png" },
...}

当我这样做时，图标会出现在工具栏中。这不是很清楚，但如果你把它们拼凑起来，you might deduce that from here。

【讨论】：

【解决方案2】：

根据Addon SDK docs：

从插件根目录到包含插件图标的 PNG 文件的相对路径。默认为“icon.png”。

所以你的 package.json 应该是这样的：

{...
  "icon"        : "data/images/Phone-icon48.png",
  "icon64"      : "data/images/Phone-icon64.png",
...}

【讨论】：

【解决方案3】：

A seemingly related issue 早些时候关闭了，但今天发生在我身上

jpm 1.1.4 和 Firefox 48/50 的解决方法：

【讨论】：