主页 / computer / 问题 / 1465087
Accepted
Ernestas Gruodis
Asked: 2019-07-29 14:03:29 +0800 CST

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

  • 772

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

firefox-extensions browser-addons

3 个回答

  1. Best Answer

    焦点问题有一个官方的解决方法：

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

    下拉以禁用弹出窗口隐藏

    另请注意：

    此更改在浏览器重新启动后不会持久存在。当您关闭浏览器工具箱时，设置将被清除。

    • 2

  2. 对于另一种选择，您可以将 Popup 链接指向自身。例如，将此添加到 Popup HTML：

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

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

    • 0

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

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

    1. about:debugging在网址栏中输入。

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

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

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

    5. 然后使用上下文切换器（ “选择一个 iframe 作为当前目标文档”）选择要调试的 HTML 文档（在本例中为弹出 HTML 代码）

      上下文切换器屏幕截图

    这样做之后，弹出窗口停留在屏幕上，检查器包含它的 HTML。我现在是第一次这样做（在 Firefox 49 中）并且运行良好。

    • 0

相关问题