浏览器调试动态js脚本的方法(图解)
程序员文章站
2022-07-05 20:16:07
前两天拉取公司前端代码修改,发现在开发者工具的sources选项里边,居然没有列出来我要调试的js脚本,后来观察了一下,脚本是动态在页面里引入的,可能是因为这样所以不显示出...
前两天拉取公司前端代码修改,发现在开发者工具的sources选项里边,居然没有列出来我要调试的js脚本,后来观察了一下,脚本是动态在页面里引入的,可能是因为这样所以不显示出来,但是如果不能断点调试,只靠打印日志真要把人累死了,效率太低,网络搜索试验了一下,有两种方式可以解决:
1、在脚本里边增加 //# sourceurl=xxxxxxxxx.js,名称自己命名,可以直接使用文件名,如下图:
然后在网页里打开包含这个js的页面,这样就在开发者工具里能够看到了,可以像普通js一样正常打断点并进行调试
2、第二种方法是利用 console.log("让我调试吧!") 打印日志,在浏览器console里看到输出后,点击后面的链接,即跳入动态脚本。名字一般为vmxxx,如下图:
总结
以上所述是小编给大家介绍的浏览器调试动态js脚本的方法,希望对大家有所帮助
下一篇: js实时监控文本框输入字数的实例代码
推荐阅读
-
使用jQuery动态加载js脚本文件的方法
-
JS动态插入脚本和插入引用外部链接脚本的方法
-
浏览器调试动态js脚本的方法(图解)
-
分享一款一直在维护的【网络开发运维|通用调试工具】: http请求, websocket,cmd, RSA,DES, 参数签名工具,脚本批量生成工具,google动态口令,端口检测,组件注册,js混淆...
-
浏览器调试动态js脚本的方法图解教程
-
使用jQuery动态加载js脚本文件的方法
-
JS 动态加载脚本的4种方法_javascript技巧
-
使用jQuery动态加载js脚本文件的方法_jquery
-
使用jQuery动态加载js脚本文件的方法_jquery
-
JS动态插入脚本和插入引用外部链接脚本的方法