如何使用Firefox的开发工具检查侧边栏中的Web扩展内容？

Question

当 Web 扩展创建侧边栏内容时，如何使用 Firefox 的开发工具来检查侧边栏内容？

如果示例有帮助，请考虑树样式选项卡网络扩展。

通常，您只需打开 Firefox 的 devtools 检查器，然后检查一个元素即可。 这不适用于这种情况。

当它不起作用时，您通常可以为 Firefox 的开发工具设置远程调试会话。 这适用于检查 Web 扩展内容周围的侧边栏元素，但不允许开发人员在侧边栏中显示 Web 扩展本身的内容时立即检查它。

我发现的唯一解决方法是确定侧边栏中内容的 URI，然后在其自己的选项卡中打开它。 完成此操作后，我可以像往常一样检查它，但我正在寻找一种方法来检查内容

当它显示在侧边栏中时。

Answer 1

您可以使用 Firefox 设置中的“浏览器工具箱”来检查侧边栏。

Settings Menu -> More Tools -> Browser Toolbox 它在自己的进程中运行，类似于 Chrome 开发工具，因此您必须接受传入连接才能使其工作。然后，您还将在此控制台中从后台脚本获得调试输出，因此您可以使用它来调试两者。由于 Firefox 本身运行多进程，因此您可能还需要单击顶部的“多进程”单选按钮才能从侧边栏获取数据。

注意：这是 Firefox 开发人员用来构建浏览器的东西，因此来自各地的消息令人难以置信的嘈杂。在日志记录或文件名和过滤器中使用一些特殊键来尝试减少它。