如何使用chrome自带的Javascript调试工具

本文指导如何在Chrome浏览器中使用审查元素功能来调试JavaScript代码,包括打开资源面板,启用资源跟踪,添加断点及进行调试操作。

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

  1. 将写好的Javascript代码用chrome打开。
  2. 在页面,单击右键,并且选择“审查元素”。
  3. 弹出窗体,如图所示:
如何使用chrome自带的Javascript调试工具 - bluesky - 我的博客

然后,点击“Resources”标签,如图所示:

如何使用chrome自带的Javascript调试工具 - bluesky - 我的博客
 

然后点击“enable resource tracking”,导入源文件,并且选择“Script”标签,如下:

如何使用chrome自带的Javascript调试工具 - bluesky - 我的博客
 
添加断点的方法就是在所在的代码行的数字上双击即可!!

debug控制方式:

  1. 首先是刷新调试的网页,即重新载入代码。
  2. 此时弹出Jscript标签页面,并且中止在断点处。如下:
  3. 如何使用chrome自带的Javascript调试工具 - bluesky - 我的博客
     
来源:http://zhangyongbluesky.blog.163.com/blog/static/1831941620113155739840/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值