使用chrome调试javascript代码

使用chrome自带的开发者工具来进行调试

步骤

1. 按F12打开开发者工具，进入source一栏

   
   image.png

2. 打开html页面，在JavaScript代码块里打上断点，在代码行前出现蓝色的标识说明打上了断点

   
   image.png

3. 刷新html页面，代码运行到断点处。可以看到右侧的调试工具。

   
   image.png