动态调试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的文件名相同

 

  

 

posted @   ★Angel★  阅读(1401)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示