如何检查 Firefox WebExtension 弹出窗口？

How to inspect a Firefox WebExtension popup?

我正在尝试将 Google Chrome 扩展 运行 作为 Firefox Web 扩展。我原来的问题是弹出窗口没有高度。除此之外，我一辈子都想不出如何检查弹出窗口的DOM。

顺便说一句，弹出窗口只是一个 HTML 文件，它在 browser_action.default_popup.

中定义

是not currently possible since the popup closes automatically and there is no DOM view available. See bug 1236944 and bug 950936。

弹出窗口大小在 Firefox 中似乎无法正常工作。有一个bunch of bugs related to it.

上述@minj 评论中提到的错误已在最新版本的 Firefox 中得到解决。您现在可以调试弹出窗口。 MDN explains it well;简而言之...

  1. 你点击一个按钮来切换我们称之为 "popups stay on the screen now"
    2. 的效果
  2. 然后你 select 使用下拉菜单 HTML 调试哪个 HTML 文档（在这种情况下，它将是你的弹出窗口 HTML 代码）

执行此操作后，弹出窗口保留在屏幕上，检查器包含其 HTML。我现在是第一次这样做（在 Firefox 49 中）并且运行良好。