Firefox addon 如何在我的扩展工具栏中打开Firefox开发者工具？

我开发了一个Firefox扩展，其中包括一个使用SDK的侧栏。但是，如果在侧边栏中单击鼠标右键并选择“检查元素”，则在终端中会出现以下错误：

JavaScript error: chrome://browser/content/nsContextMenu.js, line 570: TypeError: gBrowser is null

不用说，什么都没有发生，开发工具也没有出现

我使用SDK创建边栏，如下所示：

require("sdk/ui/sidebar").Sidebar({ /* etc */ });

---

有没有办法打开侧栏的开发工具？

您应该能够使用标准并使用inspector在侧栏中选择要处理的项目。它不像使用上下文菜单那样无缝，但应该能满足您的需要

---

启用并打开后，您可以单击此按钮从页面中选择一个元素，然后单击扩展侧栏中的一个元素。

那么您想从侧栏打开侧栏吗？或者你想在你的边栏里打开？@Noitidart:我不介意开发者工具在哪里弹出，我只想让它们弹出，这样我就可以调试扩展的边栏。啊，要调试chrome而不是xul之类的html，你可以使用TriStrip菜单>开发者>浏览器工具箱，然后远程连接和检查。另一个选项是DOM检查器和元素检查器。在安装DOM检查器之后，然后是元素检查器，您可以按住shift键并右键单击任意位置，它将弹出您按住shift键并单击的对象。dom检查器：元素检查器：@Noitidart:Hmm，这两个扩展确实允许我检查扩展侧栏的dom树，但我想使用所有的开发工具。我不知道TriStrip是什么。这给了我一些开发工具：在WebExtensions的世界里，这似乎不再有效：你只能选择一个不透明的元素。☹是的，问题和答案已经过时了。你可以在2018年的Firefox中从以下位置进行调试：调试-启用它，调试你的插件，然后在Inspector中为我使用右上角的iframe选择器来选择你的侧边栏框架。嗯，这似乎对我每晚使用树型选项卡插件有点效果。我可以看到边栏的DOM，但实际上它不是background.html而不是sidebar.html，虽然来自扩展的修改会反映在inspector中，但反过来就不正确了，而且大多数CSS规则似乎也丢失了，元素选择器也不起作用。但这不是讨论的地方；我可能会戳戳更多，也许会在Bugzilla上提交一个bug。无论如何，这是我所需要的一个很好的开始。谢谢！