chrome浏览器调试小技巧

sourses

page

page栏下可以查看源码

快捷键

ctrl+p：快速查找文件

ctrl+shift+o：快速查找文件中的方法

 Snippets

Snippet可以创建Snippet文件，在文件中编辑代码之后可以运行代码。

运行方式：ctrl+enter或者右键点击run执行代码

 运行代码

控制台输出

断点调试

1、在sourses文件中的对应代码位置添加断点

2、再call stack中右键restart frame可以重新执行断点

3、在断点处右肩edit breakPoint可以添加断点的执行条件

添加断点执行条件之后

 当条件满足时才会在该处停顿，否则就正常运行。

Application

Application可以查看storage和cookie等信息