chrome 调试

本文介绍了Chrome浏览器的调试功能,包括六个关键技巧:F8逐过程执行、F10步过、F11步进、Shift+F11跳出、F9单步执行、Ctrl+F8激活/反激活断点,以及是否在异常时暂停的设置。这些技巧有助于深入理解JavaScript代码的执行流程,提升前端开发效率。
摘要由CSDN通过智能技术生成

参考资源:使用大全: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

要不要在抛出异常时暂停

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值