在 Chrome 中精准暂停 JavaScript 执行，需要看清变量值、调用栈和代码走向。

关键就在 Sources 面板里给 JS 代码设断点。不是随便点一下就行，得知道在哪点、为什么点那里、点了之后怎么验证它真起了作用。

具体操作可以从基础行断点玩到条件断点，再配合 debugger 语句和全局管理面板，基本能覆盖所有调试场景。

打开 Sources 面板并定位目标 JS 文件

按下 F12 或 Ctrl + Shift + I（Windows/Linux）/ Cmd + Option + I（macOS）唤出开发者工具。

点击顶部标签栏的 Sources 面板，在左侧文件树中展开 Page，找到你要调试的 .js 文件或内联