javascript脚本怎么调试,js怎么打断点调试

  • 如图是笔者写的一个小的js测试,点击键盘上的F12就可以调出调试模式

javascript脚本怎么调试,js怎么打断点调试

  • 然后在调试模式中,点击Sources

javascript脚本怎么调试,js怎么打断点调试

  • Sources下面就是你当前页面上的所有资源文件,找到当前需要调试的js所在的文件

javascript脚本怎么调试,js怎么打断点调试

  • 然后你选择的那个文件源码就会显示在左边的框中,侧边上的数字就可以打上断点

javascript脚本怎么调试,js怎么打断点调试

打上断点之后,点击浏览器上的刷新按钮

javascript脚本怎么调试,js怎么打断点调试

  • 执行就会停止在断点处,这时和其他语言一样,你可以将鼠标移动到变量上面查看当前的值

javascript脚本怎么调试,js怎么打断点调试

  • 调试的按钮,就在下方,包括全部执行、执行下一条、进入当前方法、跳出当前方法等等

javascript脚本怎么调试,js怎么打断点调试