Chrome 124版本DevTools无法正确显示JS代码行号求助

针对Chrome 124.0.6367.207版本找不到“Automatically pretty print in the Source Panel”选项的情况，可以试试以下几种方法：

• 手动格式化并锁定行号
  在Sources面板找到加载后的压缩/混淆JS文件，点击代码区域下方的{}（格式化代码）按钮。格式化完成后，右键点击左侧行号区域，勾选**“Lock original line numbers”**，可维持正确的行号映射，避免切换或重载文件后失效。

• 禁用Source Map自动关联
  打开DevTools设置（右上角齿轮图标），进入**“Sources”标签页，取消勾选“Enable JavaScript source maps”和“Enable CSS source maps”**。错误的Source Map常导致行号显示异常，禁用后直接查看编译后代码的行号，反而更准确。

• 重置DevTools配置
  若因配置异常引发问题，可在设置页面底部点击**“Restore defaults and reload”**，恢复默认设置后重启DevTools，再检查行号显示是否正常。

• 排查代码动态修改问题
  部分网站会通过脚本动态篡改JS代码，导致DevTools无法解析行号。可在Network面板找到对应JS文件，右键选择**“Open in new tab”**，查看原始文件的行号结构，对比DevTools内显示内容，确认是否因代码被篡改导致异常。

内容的提问来源于stack exchange，提问作者Quondam