debugging - 在Firefox中调试扩展代码(javascript调试器/venkman)

Question

我目前正在为Firefox开发一个简单的扩展程序。现在，我希望能够在扩展上下文中的控制台中发出一些命令。

我已经安装了Javascript Debugger插件(venkman)，但按照说明进行操作:

取消选中“排除应用程序文件”

选择文件，然后右键单击“设置为评估对象”

从不设置上下文，我总是以venkman.xul上下文结束(或停留在上下文中)。

我将切换到另一个调试器，但是到目前为止，chromebug也没有运气:

安装了chromebug 1.08a2和匹配的firebug

使用-chromebug -P dev(作为单独的“firefox”用于开发)开始使用Firefox

那么chromebug在其自己的窗口上不允许我选择上下文，实际上它甚至不显示任何上下文，所有面板均已停用。

我真的不知道该在哪里找东西了，很想找到一个解决方案。
现在，我什至不需要设置断点之类的所有“花哨”调试器，只需要在chrome级别发出命令即可。

Answer 1

Firefox现在具有一个内置的调试器，可以轻松地与之抗衡，甚至可以超过firebug，chromebug或venkman。
about:config中的You need to enable (or create) 2 particular options用于扩展调试工作:

devtools.chrome.enabled: true
devtools.debugger.remote-enabled: true

然后在Web Developer菜单中单击新的“Browser Debugger”条目。 “浏览器控制台”也非常有用。

official documentation提到这将在Firefox 19中起作用，但实际上它将是 only work well on all extension code from Firefox 23 onwards。 (如果您在Firefox 22发布之前尝试过此操作，则只需安装 the latest nightly build即可。)

另请注意，如果您是 editing extension code directly，则需要让Firefox刷新，例如通过使用 the tips mentioned in this answer重新加载所有chrome扩展程序，调试器将列出更新的代码。

更新: Firefox v32及更高版本具有对 restartless和SDK-based附加组件的内置调试支持。作为 stated in Mozilla's documentation，上面提到的“远程调试”现在在“Web开发人员” Pane 的设置中具有一个复选框:

然后，您可以转到加载项->扩展程序标签，然后在扩展程序名称旁边单击“调试”。