浏览器里面调试代码

一、浏览器里面调试代码

第一步： 打开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%;" />