浏览器调试动态js脚本的方法(图解)
更新时间：2018年01月19日 10:52:33 作者：LionArt
这篇文章主要介绍了浏览器调试动态js脚本的方法，文中给大家带来两种调试方法，非常不错，具有参考借鉴价值,需要的朋友可以参考下
前两天拉取公司前端代码修改，发现在开发者工具的sources选项里边，居然没有列出来我要调试的js脚本，后来观察了一下，脚本是动态在页面里引入的，可能是因为这样所以不显示出来，但是如果不能断点调试，只靠打印日志真要把人累死了，效率太低，网络搜索试验了一下，有两种方式可以解决：
1、在脚本里边增加 //# sourceURL=xxxxxxxxx.js，名称自己命名，可以直接使用文件名，如下图：
然后在网页里打开包含这个js的页面，这样就在开发者工具里能够看到了，可以像普通js一样正常打断点并进行调试
2、第二种方法是利用 console.log("让我调试吧！") 打印日志，在浏览器console里看到输出后，点击后面的链接，即跳入动态脚本。名字一般为vmXXX，如下图：
总结
以上所述是小编给大家介绍的浏览器调试动态js脚本的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
js中find、findIndex、indexOf的用法和区别
本文主要介绍了js中find、findIndex、indexOf的用法和区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
返回数组中不重复的元素的js实现代码。2009-12-12
这篇文章主要介绍了JavaScript中通过提示框跳转页面的方法的相关资料,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了js实现点击左右按钮轮播图片效果的方法,涉及click事件相应、animate方法等使用技巧,需要的朋友可以参考下2015-01-01
一篇文章告诉你如何用事件委托实现JavaScript留言板功能
这篇文章主要为大家介绍了事件委托实现JavaScript留言板功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
今天小编就为大家分享一篇解决layui追加或者动态修改的表单元素“没效果”的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了JavaScript中实现数组随机排序的三种方式，文中的示例代码讲解详细，对我们学习或工作有一定参考价值，需要的可以参考一下2022-05-05
这篇文章主要为大家详细介绍了JavaScript实现省市县三级级联特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了JavaScript常见鼠标事件与用法,结合实例形式较为详细的分析了javascript 8种常见的鼠标事件与相关使用技巧,需要的朋友可以参考下2019-01-01
下面小编就为大家带来一篇JavaScript事件方法(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
最新评论