Chrome/Edge 开发人员工具不会在“源”选项卡中显示源代码，除非刷新

Question

我浏览了很多关于这个问题的问题和答案，但没有一个答案谈到问题的根本原因以及如何永久解决它。

当我打开 Google Chrome 或 Edge 浏览器中任何选项卡的开发人员工具并检查“源”选项卡时，默认情况下它不显示源代码（对于 JavaScript/脚本）。但是，如果我在开发人员工具仍然打开的情况下刷新页面，它就会开始显示源代码。

我不知道在哪里以及如何修复此行为，早些时候，当我打开开发人员工具时，此功能可以正常工作，它用于在“源”选项卡下显示源代码，而无需刷新页面。

一些屏幕截图可以帮助更好地理解我的意思：

1. 当我打开开发人员工具“源”选项卡时（刷新页面之前）。即使我双击文件名，除非刷新整个页面，否则它仍然不会显示源页面。

2. Sources 选项卡刷新页面后

编辑：开发人员窗口中的当前设置，以防有助于识别问题：

Answer 1

我也遇到过类似的问题，我系统地删除了部分代码，直到它起作用，结果发现这是因为我使用了 javascript 样式注释块，请参阅此处https://stackoverflow.com/a/76834779/7250354

Answer 2

在代码中添加一个console.log，然后当console.log显示在控制台窗口中时运行该页面，然后单击右侧的行号，它将强制打开源文件，这发生在我身上；）快乐调试.