谷歌调试

本文介绍JavaScript调试的基本方法,包括使用console.log()输出变量状态,利用断点进行单步调试,掌握F10、F11等快捷键的功能,以及如何通过临时断点快速定位问题所在。此外还介绍了如何在Chrome浏览器中利用Snippets功能保存和运行代码片段。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

console.log(xxx); ---控制台带印输出xxx

degger --- 进入调试模式

断点与 js代码修改:单步执行(F10快捷键)、单步跳入此执行块(F11快捷键)

在调试中如果发现需要修改的地方,也是可以立即修改的,修改后保存即可生效

快速进入调试的方法:

F11进入此程序块,此时将鼠标放在此函数上,会出现相关提示,会告诉你在该文件的哪一行代码处,点击即可直接看到这个函数,然后临时打上断点,按F10或者点击右上角的第二个按钮即可直接进入此函数的断点处

F8: 继续执行

F10: step over, 单步执行, 不进入函数

F11: step into, 单步执行, 进入函数

shift + F11: step out, 跳出函数

ctrl + o: 打开文件

ctrl + shit + o: 跳到函数定义位置

ctrl + shift + f: 所有脚本中搜索

ctrl+p 项目中定位文件

Snippets 随时编写代码,代码是全局保存的,我们在任何页面,包括新建标签页,都可以查看或运行这些代码。

每次格式化JSON数据都要编写这段代码实在太麻烦,我们可以使用chrome控制台的copy接口解决这一问题:

请求项的右键菜单中选择Copy Response拷贝响应内容
命令行中使用copy接口处理数据
得到格式化的JSON数据
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值