在chrome中精准暂停javascript执行需在sources面板设断点：先打开面板并定位js文件（可用ctrl+p搜索或启用source maps），再点击行号左侧空白处设基础断点；支持右键添加条件断点（需验证表达式语法）；也可插入debugger语句临时中断；所有断点可在breakpoints面板统一管理、启停与跳转。
你想在Chrome里精准暂停JavaScript执行，看清变量值、调用栈和代码走向，就得在Sources面板里给JS代码设断点——不是随便点一下就行，得知道在哪点、为什么点那里、点了之后怎么验证它真起了作用。
打开Sources面板并定位目标JS文件
按下F12或Ctrl + Shift + I（Windows/Linux）/Cmd + Option + I（macOS）唤出开发者工具 → 点击顶部标签栏的Sources面板 → 在左侧文件树中展开Page，找到你要调试的.js文件或内联<script>块。</script>
如果文件没出现，试试按Ctrl + P（Win/Linux）或Cmd + P（macOS）快速搜索文件名；若项目用了Webpack等打包工具，可能需展开webpack://或localhost下的路径。找不到真实源码时，务必先启用 Source Maps，否则断点会打在压缩后的混乱行上，根本没法读。
设置基础行断点
在代码编辑区，直接点击目标行号左侧空白处（不是行号本身，也不是代码区域），出现深蓝色实心圆点即表示断点已生效。
这个动作本质是告诉Chrome：“当执行流走到这一行时，立刻暂停”。它不依赖任何语法修改，也不需要往代码里加debugger语句——干净、即时、可批量开关。
设置条件断点（只在满足条件时暂停）
方法一：右键已设的断点 → 选择Add conditional breakpoint → 输入一个返回true才触发的JavaScript表达式，例如i === 99或user?.role === 'admin'。
方法二：右键行号空白处（尚未设断点）→ 同样选Add conditional breakpoint → 直接输入条件，一步到位。
注意：条件表达式里不能写console.log()这类副作用语句，Chrome只求值，不执行；写错语法会导致断点静默失效，且无报错提示——【务必先在Console里试跑一遍你的条件表达式】。
通过debugger语句注入断点
第一步：在JS源码中，在你想暂停的位置上方一行插入debugger;语句。
第二步：刷新页面，执行流运行到该行时自动中断，并跳转至Sources面板对应位置。
这招适合临时调试、无法访问Sources文件树（如CDN加载的第三方脚本）或想让断点随代码一起被版本管理的场景。但上线前必须删掉，否则用户也会卡住。
统一管理所有断点
1、右侧调试区的Breakpoints面板列出所有已设断点，勾选/取消勾选即可批量启用或禁用。
2、顶部工具栏有“禁用所有断点”按钮，按一次全局关闭，再按一次恢复——适合临时跳过全部断点验证流程是否通畅。
3、点击Breakpoints列表中的任一断点条目，编辑器会自动跳转并高亮对应代码行，方便快速核对位置与上下文。
