动态调试JS脚本文件:(JS源映射 - sourceURL)与 debugger

我们在进行js调试时经常会对js进行调试,chrome 对js提示对支持非常友好,只需要F12就可以打开chrome的调试器

在sources里面就是页面请求后加载的一些资源文件,我们可以找到我们的js文件,点击它击设置断点后就可以对js进行调试了

但是在ajax中加载对js文件,在资源文件中是看不到的,如果我们需要对其进行调试就比较麻烦。

其实我们可以有以下几种方法,对这样对js进行调试:

1.在文件需要调试的地方添加 debugger 断点关键字进行断点调试

2.让此js文件在chrome的资源文件中显示出来 我们可以通过在js文件的头部 添加  //@ sourceURL= 加载显示的文件名  eg:建议文件名和js的文件名相同

 

  

 

转载于:https://www.cnblogs.com/yaoweijun/p/9930229.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值