如何使用 Firefox 上的 Inspector 分析弹出窗口？

Question

Ctrl我想使用+ Alt+ Shift+键通过 Inspector 检查 Firefox 搜索栏弹出窗口I。但由于焦点丢失事件，这似乎不可能。还有其他方法吗？

Answer 1

焦点问题有官方解决方法：

弹出窗口很难调试，因为只要您单击它们之外，浏览器就会隐藏它们。有一种方法可以禁用此行为。单击工具箱菜单并选择禁用弹出窗口自动隐藏。

另请注意：

此更改在浏览器重启后不会保留。关闭浏览器工具箱后，设置将被清除。

Answer 2

一旦你“禁用弹出窗口自动隐藏”，你还需要将上下文从 background.html 切换到 popup.html。我很长时间都找不到按钮来执行此操作。所以这里是任何遇到同样问题的人的详细信息（参考 -https://stackoverflow.com/a/39583033/6908282）：

您现在可以调试弹出窗口。MDN 解释得很好; 简单来说...

1. about:debugging在 URL 栏中输入。

2. 在左侧菜单中，单击此 Firefox（或此 Nightly）。

3. 单击扩展程序旁边的“检查”以打开“扩展工具箱”。

4. 在扩展工具箱中选中“禁用弹出窗口自动隐藏”选项

5. 然后使用上下文切换器 (“选择一个 iframe 作为当前目标文档”）

   

执行此操作后，弹出窗口会停留在屏幕上，检查器会包含其 HTML。这是我第一次执行此操作（在 Firefox 49 中），效果很好。

Answer 3

另一种选择是，您可以让 Popup 链接到其自身。例如，将其添加到 Popup HTML：

<a target="_blank" href="popup.html">Popup</a>

这将在新选项卡中打开弹出窗口，这样它就会保持打开状态。