浏览器调试动态js脚本的方法(图解)
前两天拉取公司前端代码修改,发现在开发者工具的sources选项里边,居然没有列出来我要调试的js脚本,后来观察了一下,脚本是动态在页面里引入的,可能是因为这样所以不显示出来,但是如果不能断点调试,只靠打印日志真要把人累死了,效率太低,网络搜索试验了一下,有两种方式可以解决:
1、在脚本里边增加 //# sourceURL=xxxxxxxxx.js,名称自己命名,可以直接使用文件名,如下图:
然后在网页里打开包含这个js的页面,这样就在开发者工具里能够看到了,可以像普通js一样正常打断点并进行调试
2、第二种方法是利用 console.log("让我调试吧!") 打印日志,在浏览器console里看到输出后,点击后面的链接,即跳入动态脚本。名字一般为vmXXX,如下图:
总结
以上所述是小编给大家介绍的浏览器调试动态js脚本的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
JavaScript直接调用函数与call调用的区别实例分析
这篇文章主要介绍了JavaScript直接调用函数与call调用的区别,结合额实例形式分析了JavaScript直接调用函数与call调用的基本用法、区别及相关注意事项,需要的朋友可以参考下2020-05-05javascript基础知识之html5轮播图实例讲解(44)
这篇文章主要为大家详细介绍了javascript基础知识之html5轮播图,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-02-02js全屏事件fullscreenchange 实现全屏、退出全屏操作
这篇文章主要为大家详细介绍了js全屏事件fullscreenchange,实现全屏、退出全屏操作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2019-09-09JavaScript剩余操作符Rest Operator详解
在本篇文章里小编给各位分享的是关于JavaScript剩余操作符Rest Operator知识点用法总结,有需要的朋友们跟着学习下。2019-07-07
最新评论