动态调试JS脚本文件:(JS源映射

我们在进行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