Firefox addon 如何为Firefox插件提供类似Firefox Devtools inspector的功能?

Firefox addon 如何为Firefox插件提供类似Firefox Devtools inspector的功能?,firefox-addon,firefox-developer-tools,inspect,web-inspector,Firefox Addon,Firefox Developer Tools,Inspect,Web Inspector,例如:我想查看html代码的哪些部分对应于网站的特定元素,我会右键单击该元素并打开inspect element,devtools会向我显示突出显示的相应代码。我如何为Firefox插件实现类似的结果,因为当我右键单击扩展时,没有inspect element这样的选项 我还尝试使用inspect选项,这是我们通过临时加载一个插件获得的,但它仍然没有显示/突出显示相应html文件引用的扩展的哪些部分。 是否有办法执行此操作?根据扩展的类型,可以使用检查其内容 首先需要切换到DevTools面板并

例如:我想查看html代码的哪些部分对应于网站的特定元素,我会右键单击该元素并打开
inspect element
,devtools会向我显示突出显示的相应代码。我如何为Firefox插件实现类似的结果,因为当我右键单击扩展时,没有
inspect element
这样的选项

我还尝试使用
inspect
选项,这是我们通过临时加载一个插件获得的,但它仍然没有显示/突出显示相应html文件引用的扩展的哪些部分。
是否有办法执行此操作?

根据扩展的类型,可以使用检查其内容

首先需要切换到DevTools面板并启用两个选项启用浏览器chrome和附加调试工具箱以及启用远程调试来启用此功能

启用后,您可以通过Firefox菜单>Web开发者>浏览器工具箱或在Mac上按Ctrl+Alt+Shift+I或Cmd+Opt+Shift+I打开浏览器工具箱

这个工具箱有一个类似于普通DevTools的检查器,它允许您检查浏览器chrome

话虽如此,检查器显然不能检查嵌套
元素中的文档,例如,对DevTools本身的扩展就是这样