原创

使用谷歌浏览器调试js代码,按F12,source看不到js源码

使用谷歌调试代码时,首先打开谷歌浏览器,按F12,或者点击右上角三个点—>更多工具—>开发者工具


问题点:
当用谷歌浏览器开发时,JS文件一般都会在调试模式(F12)的Sources目录下。
但是有时候调试代码时老是在sources中看不到代码,无法打断点。

解决办法:
其实重新加载一下就可以解决,如下所示:
把鼠标移到要调试的页面上 --> 右键 --> 在弹窗中选择“重新加载”即可。
或者直接按F5刷新


问题点:
但如果有js是异步调用的,那么在Sources目录下是找不到的。

解决办法:
其实只需要在想要显示的js中添加一行代码即可。
//@ sourceURL=sv_popWin.js

注意:双斜杠//必须要加,不然报错,sv_popWin是你的js文件名。页面初始化没有调用该js时,sources也是不会加载到该文件,只有当你调用该js时,才会加载进来。

本文链接地址:http://www.ysxbohui.com/article/135

正文到此结束