Chrome DevTools无法在内联script标签断点暂停如何解决

这不是Chrome DevTools的Bug，是操作遗漏了必要配置，加上内联脚本本身的执行时机特性导致的，按以下步骤操作即可正常命中断点：

• 先打开DevTools再做后续操作：没有独立src属性的内联<script>会在HTML解析到对应位置时同步执行，等页面完全加载完再去加断点，对应代码早就执行完毕，不可能触发暂停。
• 开启DevTools网络面板的Disable cache（禁用缓存）选项，操作全程保持DevTools窗口打开：关闭DevTools时该配置会自动失效，缓存开启状态下刷新页面，浏览器会直接读取本地缓存的HTML资源，DevTools根本没机会在脚本执行前注入断点监听逻辑。
• 用快捷键硬刷新：保持DevTools打开状态，按Ctrl+R（Windows）/Cmd+R（Mac）触发硬刷新，不要点页面内的刷新按钮。
• 兜底操作：如果上述步骤后断点仍未命中，不要反复刷新碰运气，直接在Sources面板的事件监听器断点列表里勾选Script > Script First Statement（脚本首条语句执行暂停），刷新后页面会在第一行脚本运行前就暂停，此时再定位到function guiMeshPhysicalMaterial所在行点击行号加断点，点恢复执行按钮就会稳定在目标位置暂停。

断点失效快速排查项 #

如果按步骤操作还是不命中，直接检查这几个点：

1. 看断点标记状态：行号旁的断点标记如果是灰色而非纯蓝色，代表断点没有绑定到实际运行的脚本实例，一般是页面动态注入/改写了代码，用上面的兜底方法在脚本运行前加断点即可解决。
2. 检查是否误开了「跳过所有断点」开关：Sources面板顶部带斜杠的暂停图标按钮如果处于激活状态，所有断点都不会生效，点一下关闭即可。
3. 确认目标函数的执行时机：部分内联函数只在页面初始化阶段执行一次，如果你加断点的时机晚于初始化阶段，且刷新时断点没有提前注入，自然不会触发暂停。

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