如何调试html网页中的js代码

以谷歌浏览器Chrome为例（火狐类似），说下前端打“断点”：

一、按F12快捷键打开Chrome控制台，点击“Sources”选项卡，如图：

二、刷新当前网页，代码执行到“断点”处会停住，如上图蓝色区域；

三、按F8快捷键可以在不同的断点之间切换、按F10快捷键程序代码会一步步执行，这样就能很方便定位到错误区域，排查错误。

说明：火狐浏览器的操作方法和谷歌类似，当然界面略有不同。