如何在我的扩展侧边栏中打开 Firefox 开发者工具?

How can open Firefox developer tools in my extension's sidebar?

我开发了一个 Firefox 扩展,其中包括一个使用 SDK 的边栏。但是,如果我在边栏内右键单击并选择 "Inspect Element",我的终端会出现此错误:

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

不用说,没有任何反应,也没有出现开发者工具。

我正在使用 SDK 创建边栏,如下所示:

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

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

您应该可以只使用标准 Browser Toolbox 并使用检查器 select 侧边栏中您想要处理的项目。它不像使用上下文菜单那样无缝,但应该可以满足您的需求。

启用并打开它后,您可以单击此按钮 "Pick an element from the page",然后单击扩展侧边栏中的一个元素。