使用附加组件构建器的Firefox边栏扩展指南

Question

我正在寻找有关如何创建嵌入浏览器的侧边栏应用程序的一些指导。我需要制作一个强大的侧边栏，以允许用户将文本从网页保存和组织到侧边栏中。

我可以选择使用哪种浏览器并进行了一些研究。目前，Chrome似乎没有侧边栏API，但Firefox确实如此 - 但是看起来这个Firefox功能的文档已过时。我先选择调查这种可能性。

我是浏览器扩展编程的新手，我发现事情有点令人困惑。我尝试过以下教程：

• https://developer.mozilla.org/en/docs/Creating_a_Firefox_sidebar
• http://blog.mozilla.org/addons/2009/01/28/how-to-develop-a-firefox-extension/

最后，我偶然发现了Firefox的Add-On Builder，我喜欢它提供的便利。它还有与之相关的可靠文档。但是，我找不到关于Firefox边栏的好文档。我看了Panels API，但我不认为他们给了我我想要的东西（我怎么能定位他们？）。如何使用这些工具创建侧边栏？我可以看一下现代的例子或文档吗？

如果这不是一个好方法，我可以为这个项目考虑任何其他选择吗？

Answer 1

即使没有直接的API，我建议你去看看code of other add-ons并从中学习。我还建议你看看mozilla add-ons forum，在那里你可以看到最新的开发，也可以提出有关附加开发的问题。

Answer 2

您想使用以下API文档：

https://addons.mozilla.org/en-US/developers/docs/sdk/Firefox-26/modules/sdk/ui/sidebar.html

这是一个简单的示例侧边栏，如文档中所述：

var sidebar = require("sdk/ui/sidebar").Sidebar({
  id: 'my-sidebar',
  title: 'My sidebar',
  url: require("sdk/self").data.url("sidebar.html")
});