如何使用附加 SDK 在 Firefox 扩展的面板中显示链接？答案

【问题标题】：How do I display a link in a panel on my Firefox Extension using the Add-on SDK?如何使用附加 SDK 在 Firefox 扩展的面板中显示链接？
【发布时间】：2013-04-19 04:19:12
【问题描述】：

我目前正在使用附加 SDK（小部件）制作 Firefox 扩展。

点击小部件后，我要做的是：识别网页上的所有地址，突出显示地址，并显示一个面板（附加到小部件），其中包含指向带有地址的 Google 地图的链接。

我遇到的问题是在面板中显示一个链接。我已经能够在面板中打开和显示实际的网站和 HTML 文件，但想知道如果可能的话，如何在面板中显示可点击的链接。

我已经遍及 Panel API 并没有亲自找到方法。

感谢任何提示。谢谢。

编辑：我使用的是附加 SDK 版本 1.13.2

【问题讨论】：

标签： firefox-addon firefox-addon-sdk

【解决方案1】：

您可以只使用位于您的data 目录中的myFile.html 之类的本地文件。从该文件中，您可以收到在小部件的onClick 函数中显示的端口消息。

var panel = require("sdk/panel").Panel({
  contentURL: require("sdk/self").data.url("myFile.html");
});

require("sdk/widget").Widget({
  id: "addrs",
  label: "Addresses",
  contentURL: "https://maps.gstatic.com/favicon3.ico",
  panel: panel,
  onClick: function() {
    panel.port.emit('addrs', arrayOfAddresses);
  }

});

阅读 Panel 文档的 Getting User Input 部分，了解有关文件结构和 myFile.html 代码的更多信息。

【讨论】：