浏览器调试动态js脚本的方法(图解)

236 阅读 0 评论 156 点赞

我是靠谱客的博主鲤鱼西牛，最近开发中收集的这篇文章主要介绍浏览器调试动态js脚本的方法(图解)，觉得挺不错的，现在分享给大家，希望可以做个参考。

前两天拉取公司前端代码修改，发现在开发者工具的sources选项里边，居然没有列出来我要调试的js脚本，后来观察了一下，脚本是动态在页面里引入的，可能是因为这样所以不显示出来，但是如果不能断点调试，只靠打印日志真要把人累死了，效率太低，网络搜索试验了一下，有两种方式可以解决：

1、在脚本里边增加 //# sourceURL=xxxxxxxxx.js，名称自己命名，可以直接使用文件名，如下图：

然后在网页里打开包含这个js的页面，这样就在开发者工具里能够看到了，可以像普通js一样正常打断点并进行调试

2、第二种方法是利用 console.log("让我调试吧！") 打印日志，在浏览器console里看到输出后，点击后面的链接，即跳入动态脚本。名字一般为vmXXX，如下图：

总结

以上所述是小编给大家介绍的浏览器调试动态js脚本的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

以上就是鲤鱼西牛为你收集整理的浏览器调试动态js脚本的方法(图解)的全部内容，希望文章能够帮你解决浏览器调试动态js脚本的方法(图解)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。