调试firefox中的扩展代码(javascript debugger/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.

您需要启用(或创建)2个特别选择在about:config延期调试工作:

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

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

在官方文件中提到,这会从Firefox 19的工作,但实际上它只是在从Firefox 23日起所有扩展代码工作得很好.(如果您在Firefox 22发布之前尝试此操作,只需安装最新的每晚构建.)

另请注意,如果您直接编辑扩展代码,则需要让Firefox刷新,例如在调试器列出更新的代码之前,使用本答案中提到的提示重新加载所有chrome扩展.

更新: Firefox v32及更高版本具有对无重启和基于SDK的附加组件的内置调试支持.如Mozilla的文档中所述,上面提到的"远程调试"现在在Web Developer窗格的设置中有一个复选框:

然后,您可以转到加载项 - >扩展选项卡,然后单击"调试"以及扩展名.