【问题标题】：How to have a Firefox Devtools inspector like feature for Firefox addons?如何为 Firefox 插件提供类似 Firefox Devtools 检查器的功能？
【发布时间】：2019-10-08 14:17:49
【问题描述】：
例如：我想查看 html 代码的哪些部分对应于网站的特定元素，我会右键单击该元素并打开 inspect element，devtools 会向我显示突出显示的相应代码。我如何为 Firefox 插件获得类似的结果，因为当我右键单击扩展时，没有 inspect element 这样的选项。
我还尝试使用通过临时加载插件获得的inspect 选项，但它仍然没有向我们显示/突出显示相应的 html 文件引用的扩展名的哪些部分。
有办法吗？
【问题讨论】：
标签：
firefox-addon
firefox-developer-tools
inspect
web-inspector
【解决方案1】：
根据扩展的类型，可以使用Browser Toolbox 检查其内容。
此功能首先需要通过切换到 DevTools 的Settings 面板并启用两个选项启用浏览器 chrome 和附加调试工具箱和启用远程调试来启用em>。
启用后，您可以通过 Firefox 菜单 > Web Developer > 浏览器工具箱 或按 Ctrl+ 打开浏览器工具箱Alt+Shift+I 或 Cmd+Opt+Shift+I 在 Mac 上。
这个工具箱有一个像普通 DevTools 一样的 Inspector，它允许你检查浏览器 chrome。
话虽如此，Inspector 显然无法检查放置在嵌套 <browser> 元素中的文档，例如 DevTools 本身的扩展就是这种情况。