没有 JS 源的 Firefox 调试器空白

Question

我的 Firefox Quantum 版本是 Windows 10 上的 63.0.3（64 位）。当我打开调试器时，我看不到任何源文件。我可以确认启用了 JS 并且站点/页面上有 JS 文件。

也许，我需要更正一些设置。

Answer 1

调试器中文件源树空白的错误在Firefox Developer Edition 83.0b10 (64-bit) 中仍然存在，我在过去几天中见过几次。禁用缓存、重新加载页面和重新启动 Firefox 没有帮助，但我找到了可行的解决方案 -只需复制 URL 并在新选项卡中运行它。

Answer 2

在发布的图像中，整个调试器选项卡是空的，而不仅仅是缺少特定的源文件。这是由其中一个/两个的损坏devtools.debugger.tabs或devtools.debugger.pending-selected-location包含混淆选项卡首选项的内容引起的。对这些首选项使用重置选项应该将它们恢复为空 JSON 数组或空对象。在重置这些首选项后关闭和打开工具箱或重新启动 Firefox 应该会恢复调试器。

请注意，如果整个检查器保持空白（因此没有 Debugger 选项卡，没有 Inspector 选项卡，甚至没有关闭按钮），则可能是因为devtools.telemetry.tools.opened.version不再有意义。

创建一个新的配置文件（或在不导入现有配置文件的情况下重新安装 Firefox 当然会处理所有这些首选项并避免手动编辑任何首选项。

Answer 3

有一次我遇到了同样的问题。但这更“神奇”

我在 FF 调试器中获取了我的文件（example.js），但断点不起作用。我看到这个js代码发送的请求，但无法调试它

原因是：在项目中，文件 example.js 被加载到页面上，之后 example.js 通过 GET 请求到服务器第二次加载

所以，它被“覆盖”，我可以在调试器中看到 example.js，但它不起作用，因为由 GET 请求加载的 example.js 正在工作（而且你真的无法调试它）

那么 - 也许您的文件只是通过 GET 请求加载的？您不会在调试器中看到它...