浏览器里面调试代码

一、浏览器里面调试代码

第一步: 打开sources选项卡

左边可能会有文件,也可能没有,需要自己把文件点出来

<img src="images/image-20200111114321900.png" alt="image-20200111114321900" style="zoom:50%;" />

在需要断点的地方打断点(哪里有问题就在哪里打断点)

<img src="images/image-20200111114532086.png" alt="image-20200111114532086" style="zoom:50%;" />

刷新就会停在断点的行上面

<img src="images/image-20200111114642643.png" alt="image-20200111114642643" style="zoom:50%;" />

然后就观察,每个变量的当前的值是多少

<img src="images/image-20200111114732882.png" alt="image-20200111114732882" style="zoom:50%;" />

转载请说明出处内容投诉
CSS教程网 » 浏览器里面调试代码

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买