chrome调试技巧

文章目录

1. 1. debug js
2. 2. 堆栈中隐藏不想看到的脚本
3. 3. uncatch异常时自动触发断点
4. 4. 触发某种请求时自动断点
5. 5. global event
6. 6. 查看某个dom上绑定的事件
7. 7. html

debug js

• Source
  • 调用栈
• Network > Initiator调用栈
• React Dev Tool上的函数变量可以定位到代码函数定义
• Proxy与函数式的调试区别

堆栈中隐藏不想看到的脚本

在堆栈队列过长时，并不会展示全部，此时可以隐藏掉不关注的脚本，这样后面的堆栈就会展示出来了

uncatch异常时自动触发断点

触发某种请求时自动断点

global event

查看某个dom上绑定的事件

html

• force hover || active
• break on
  • node remove
  • subtree change
  • attr change