在谷歌浏览器中调试js代码

用谷歌浏览器打开待调试界面，然后鼠标右键，选择检查

浏览器会出现以下界面，选择sources，并选择左侧文件夹中该页面的文件（此时开发页面会分为三栏，最左侧是页面文件，中间是源代码，最右侧是调试窗口栏，有变量和断点信息），之后在中间栏代码你想打断点的那一行js代码点击鼠标，如图中第13，14，15行即为断点，

之后刷新页面，页面中的代码将会在断点处停止，


选择最右侧那一栏中圈起来的按钮，每点击一次，就会往下执行一行，并且最右侧那个按钮下方还会显示变量值。