如何在 Firefox 的检查器中检查附加面板的内容?

How can I inspect the contents of an add-on panel in Firefox's Inspector?

我正在为 Firefox 编写一个附加组件,当用户单击附加组件栏中的按钮时,它会生成一个面板。

在 Chrome 中,我的弹出窗口以我想要的方式呈现,但我可以右键单击弹出窗口并从上下文菜单中 select "Inspect element" 来调试渲染。

在 Firefox 中,面板呈现奇怪,但右键单击它没有给我一个上下文菜单。从附加选项卡中选择调试允许我查看内容脚本并设置断点,但那里也没有检查器。

chrome 中的 "inspect element" 可能在您处于开发者模式时可见,对吗?

我还不确定 firefox 检查器,但可以使用: https://addons.mozilla.org/en-us/firefox/addon/dom-inspector-6622/

然后这个检查器的插件叫做: https://addons.mozilla.org/en-US/firefox/addon/element-inspector/

这个插件确实可以捕捉上下文菜单和其他临时显示的元素。 Shift + 右键单击​​,它会在检查器中弹出。

这个 DOM INspector 是我们在 firefox devtools 出现之前的做法。我确定有办法,我只是还没有探索太多。