脚本宝典收集整理的这篇文章主要介绍了

断点类型 | chrome devtool

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

断点类型

  • Line-of-code 行断点

  • Conditional line-of-code 条件断点

  • DOM

  • XHR

  • Event listener 事件监听断点

  • exception 异常断点

DOM change 断点

clipboard.png

Types of DOM change breakpoints:

  • Subtree modifications. Triggered when a child of the currently-selected node is removed or added, or the contents of a child are changed. Not triggered on child node attribute changes, or on any changes to the currently-selected node.(当子节点本身被删除或添加时触发)

  • Attributes modifications: Triggered when an attribute is added or removed on the currently-selected node, or when an attribute value changes.(当属性被删除或添加时触发或者属性改变时触发)

  • Node Removal: Triggered when the currently-selected node is removed.(当前节点被删除时触发)

XHR节点

右侧调试区有一个 XHR Breakpoints,点击+ 并输入 URL 包含的字符串即可监听该 URL 的 Ajax 请求,输入内容就相当于 URL 的过滤器。如果什么都不填,那么就监听所有 XHR 请求。一旦 XHR 调用触发时就会在 request.send() 的地方中断。

clipboard.png

异常断点

不论是捕捉还是没捕捉都可以用这个异常断点

clipboard.png

总结

以上是脚本宝典为你收集整理的

断点类型 | chrome devtool

全部内容,希望文章能够帮你解决

断点类型 | chrome devtool

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过