参考资源:使用大全: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调试,打完断点后关于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
要不要在抛出异常时暂停