前端调试断点(相当于后台的单步调试)
断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个变量当前的值,出错的话,调试到出错的代码行即显示错误,停下。
调试步骤:
浏览器中按F12–>sources–>找到需要调试的文件–>在程序的某一行设置断点(这一行是可以运行的要不就没有意义)–>打完断点之后要刷新一下–>点击单步调试按钮。
调试中的相关操作:
Watch:监视,通过watch可以监视变量的值的变化,非常的常用。
快捷键F10:程序单步执行,让程序一行一行的执行,这个时候,观察watch中变量的值的变化。
快捷键F8:跳到下一个断点处,如果后面没有断点了,则程序执行结束。
强点一下:
代码调试的能力非常重要,只有学会了代码调试,才能学会自己解决bug的能力。初学者不要觉得调试代码麻烦就不去调试,知识点花点功夫肯定学的会,但是代码调试这个东西,自己不去练,永远都学不会。