浏览器调试动态js脚本的方法(图解)
前两天拉取公司前端代码修改，发现在开发者工具的sources选项里边，居然没有列出来我要调试的js脚本，后来观察了一下，脚本是动态在页面里引入的，可能是因为这样所以不显示出来，但是如果不能断点调试，只靠打印日志真要把人累死了，效率太低，网络搜索试验了一下，有两种方式可以解决：
创新互联公司服务电话：18980820575，为您提供成都网站建设网页设计及定制高端网站建设服务，创新互联公司网页制作领域十载，包括护栏打桩机等多个行业拥有丰富的网站制作经验，选择创新互联公司，为网站保驾护航。
1、在脚本里边增加 //# sourceURL=xxxxxxxxx.js，名称自己命名，可以直接使用文件名，如下图：
然后在网页里打开包含这个js的页面，这样就在开发者工具里能够看到了，可以像普通js一样正常打断点并进行调试
2、第二种方法是利用 console.log("让我调试吧！") 打印日志，在浏览器console里看到输出后，点击后面的链接，即跳入动态脚本。名字一般为vmXXX，如下图：
总结
以上所述是小编给大家介绍的浏览器调试动态js脚本的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持！
文章名称：浏览器调试动态js脚本的方法(图解)
分享链接：https://www.cdcxhl.com/article26/geoscg.html
成都网站建设公司_创新互联，为您提供网站收录、网站策划、网站设计公司、网站营销、手机网站建设、小程序开发
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联
- 吸引人的营销型网站建设小心机有哪些 2022-12-07
- 【南充网站建设】企业营销型网站建设哪家公司好 2014-12-01
- 做好营销型网站建设最不能忽视的几个方面 2022-05-23
- 营销型网站建设对企业发展的重要性 2016-10-11
- 营销型网站建设的注意事项有哪些？ 2022-12-24
- 营销型网站建设需要重视哪些关键点？ 2016-06-04
- 营销型网站建设这些事项一定要注意 2021-05-04
- 上海营销型网站建设有哪些特点？ 2021-09-22
- 营销型网站建设的核心问题 2016-10-05
- 深圳营销型网站建设怎么入手呢 2021-10-01
- 成都营销型网站建设 2022-11-11
- 营销型网站建设的需要几个注意事项 2022-08-14