如何在Google Chrome里debug JS?

本文介绍了如何使用Chrome浏览器进行JS调试,包括通过F12进入调试页面,利用Elements界面查看HTML结构,以及Source界面追踪JS执行顺序和设置断点进行debug。在Source界面中,可以通过点击行号设定断点,并使用不同的运行控制按钮进行逐过程运行、进入函数体、跳出函数等操作。

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

    总所周知,在Java可以利用工具来一步一步调试Java程序,而JS也不例外,接下来就总结自己用游览器调试JS的一些心得。

    当写出一个带JS的HTML网页在游览器运行时,大部分的游览器是按F12进入JS调试页面。大概如下图所示


接下来我就一一介绍下这些模块

Elements界面

可以清楚的看到自己的HTML页面的结构 如Java一样,点击倒三角便能想查什么部分就查什么部分

Source界面

这里主要存放了一些资源文件。但这不是主要的功能(今天的重点来了)这里最强大功能是可以追踪JS的执行顺序及传输数据

就是JS 的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值