前两天拉取公司前端代码修改，发现在开发者工具的sources选项里边，居然没有列出来我要调试的js脚本，后来观察了一下，脚本是动态在页面里引入的，可能是因为这样所以不显示出来，但是如果不能断点调试，只靠打印日志真要把人累死了，效率太低，网络搜索试验了一下，有两种方式可以解决：
1、在脚本里边增加 //# sourceurl=xxxxxxxxx.js，名称自己命名，可以直接使用文件名，如下图：
然后在网页里打开包含这个js的页面，这样就在开发者工具里能够看到了，可以像普通js一样正常打断点并进行调试
2、第二种方法是利用 console.log("让我调试吧！") 打印日志，在浏览器console里看到输出后，点击后面的链接，即跳入动态脚本。名字一般为vmxxx，如下图：
总结
以上所述是小编给大家介绍的浏览器调试动态js脚本的方法，希望对大家有所帮助
如对本文有疑问， 点击进行留言回复！！
Android 入门第七讲01-数据存储（数据存储概述，文件存储（raw和asserts目录读写，data/data/包名目录读写，sdcard目录读写），SharedPreferences读写）
vue-axios系列:axios拦截器，配置请求头，配置请求参数
Vuejs 针对 安卓低版本 、ios9.x 不兼容 ES6语法导致失效解决方法
我要评论
网友评论