chrome 调试

参考资源:使用大全:https://www.cnblogs.com/soyxiaobi/p/9598761.html 

Chome调试的6个技巧:https://cloud.tencent.com/developer/news/158028

调试相关:https://www.jb51.net/article/123340.htm

chrome performance使用指南:https://blog.csdn.net/tang_yi_/article/details/81949413

https://www.cnblogs.com/ranyonsue/p/9342839.html

首屏时间(FirstScreen Time)和白屏时间(first Paint Time)的计算:https://www.cnblogs.com/longm/p/7382163.html

chrome 调试_第1张图片

chrome调试,打完断点后关于JS的几个控制介绍
打完断点之后,关于JS的几个控制介绍。

1. 快捷键:F8

“逐过程执行”,继续执行代码,直到遇到下一个断点。

详细解释:暂停和开始。当设置了断点之后,js的执行就暂停了,如果我们想要跳过当前的断点继续执行js,就可以点击这个按钮,点击之后js的执行会继续,如果在接下来的执行过程中再次遇到断点,那么就会在那个断点处暂停。

2. step over 快捷键:F10 全称:step over next function 
单步执行,遇到子函数并不进去,将子函数执行完并将其作为一个单步

3. step into 快捷键:F11 全称:step into next function 
单步执行,遇到子函数就进去继续单步执行

4. step out 快捷键:Shift + F11 全称:step out of current function 
直接跳出当前的函数,返回父级函数

5. step 快捷键:F9 单步执行

6. 快捷键:Ctrl + F8 

最后一个按钮是激活和反激活所有的断点,如果当前的断点是激活的,点击之后所有的断点将不起作用,再次点击之后恢复作用。

7. Don't Pause / Pause on exceptions

要不要在抛出异常时暂停

 

你可能感兴趣的:(chrome 调试)