如何使用插件 sdk 创建类似萤火虫的扩展答案

【问题标题】：How to create firebug like extension using addon sdk如何使用插件 sdk 创建类似萤火虫的扩展
【发布时间】：2014-07-06 08:10:00
【问题描述】：

我正在尝试创建一个 Firefox 扩展；就像一个萤火虫，它将充当一些自定义 Javascript 框架的记录器。

我为 Chrome 创建了相同的内容，作为 devtools 的一部分，现在尝试为 Firefox 移植相同内容。不幸的是，我在网上以及 Mozilla 的文档中都没有找到任何帮助。下面我列出了我面临的问题，

仅供参考，我使用 mozilla 中的 addon-sdk-1.16 创建此扩展。

非常感谢您对这些问题的任何帮助。

提前致谢。

【问题讨论】：

github.com/firebug/firebug
这是一个相当复杂的人。但是，如果您想开始检查 css 内容，请使用 inIDOMUtils 我不确定如何进行 js 日志记录。但是像firebug这样的界面，我认为他们使用了很多xul，你可能只想创建一个侧边栏，然后加载一个带有你的gui的iframe。以下是制作侧边栏的方法：gist.github.com/Noitidart/8728393
难道没有一种聪明而简单的方法吗？就像 chrome 开发工具扩展一样？谢谢，不过会调查你的参考
在MDN :: XPCOM Interface Reference 页面上查看nsIEventListenerService、nsIEventListenerInfo 他们有一些我认为你会喜欢的东西。
您有用于演示的 chrome 扩展程序吗？我需要开发一个扩展。

【解决方案1】：

目前本地开发工具有一个basic api 用于向工具箱添加新工具。它有效，但有点尴尬。有关它如何与相当复杂的插件一起使用的示例，请参阅以下内容：

这些是 Luca Greco 的相关 chrome 扩展的端口，他还创建了 nice grunt plugin。

在不久的将来，附加 SDK 将拥有一套新的、更强大的 api：

【讨论】：