Chrome Devtool 断点

代码行断点

代码中的代码行断点

console.log('a');
console.log('b');
debugger;
console.log('c');

DOM 更改断点

• 单击元素选项卡
• 转到要设置断点的元素
• 右键单击该元素
• 将鼠标悬停在Break 上，然后选择Subtree 修改、属性修改或节点删除
  
• DOM 更改断点的类型
• 子树修改
• 属性修改
• 节点移除

XHR/获取断点

• 当在XHR请求URL包含特定字符串时中断
• 展开XHR Breakpoints
• 点击+
• 输入字符串。当此字符串出现在 XHR 请求 URL 的任何位置时，DevTools 会暂停。
  

异常断点

• 点击 Pause on caught exception，启用时变为蓝色
  
• 如果除了未捕获的异常外，您还想暂停捕获的异常，请选中Pause On Caught Exceptions复选框