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

时间:2013-04-18 03:22:57

标签: firefox-addon firefox-addon-sdk

我目前正在使用附加SDK(小部件)进行Firefox扩展。

我要点击的小部件正在尝试做的是:识别网页上的所有地址,突出显示地址,并显示一个面板(附在小部件上),其中包含指向Google地图的地址链接。

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

我一直都在使用Panel API而且没有亲自发现过这种方法。

任何提示都表示赞赏。谢谢。

编辑:我正在使用附加sdk版本1.13.2

1 个答案:

答案 0 :(得分:0)

您只需使用myFile.html目录中的data等本地文件即可。从该文件中,您可以在小部件的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代码的更多信息。