时间:2021-07-01 10:21:17 帮助过:6人阅读
前两天拉取公司前端代码修改,发现在开发者工具的sources选项里边,居然没有列出来我要调试的js脚本,后来观察了一下,脚本是动态在页面里引入的,可能是因为这样所以不显示出来,但是如果不能断点调试,只靠打印日志真要把人累死了,效率太低,网络搜索试验了一下,有两种方式可以解决:
1、在脚本里边增加 //# sourceURL=xxxxxxxxx.js,名称自己命名,可以直接使用文件名,如下图:
然后在网页里打开包含这个js的页面,这样就在开发者工具里能够看到了,可以像普通js一样正常打断点并进行调试
2、第二种方法是利用 console.log("让我调试吧!") 打印日志,在浏览器console里看到输出后,点击后面的链接,即跳入动态脚本。名字一般为vmXXX,如下图:
相关推荐:
Web Inspector:关于在 Sublime Text 中调试Js的介绍_基础知识
FireBug 调试JS入门教程 如何调试JS_javascript技巧
必看js断点调试心得分享
以上就是浏览器调试动态js脚本的方法图解教程的详细内容,更多请关注Gxl网其它相关文章!