Chrome Devtool 断点[通俗易懂]

2022-11-09 15:23:43 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。

代码行断点

代码中的代码行断点

代码语言:javascript复制
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复选框

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

0 人点赞