js之断点调试步骤

JavaScript07

js之断点调试步骤,第1张

1.打开检查，在sources找到对应的js文件，打上断点

2.刷新页面出现灰色区域表示进入调试模式

3.上面的按钮表示下一步也可以使用快捷键f10

4.上面的按钮表示终止本次调试（终止不了可以多点几次），但是刷新依然会进入调试模式

5.点击上面的蓝色按钮，表示取消断点，再次刷新页面就不会进入调试模式

在需要调试的页面按下F12(Ctrl+Shift+I，右击鼠标选择检查(图1))或者如下图操作：

图(1)

图(2)

2.打开开发者工具后选择Sources如图

3.打开Sources页面后，在红色框内选择需要调试的文件双击打开，黄色框内点击设置断点，开始调试你的代码吧

4.打开文件后在行号前面单击添加断点(如上图蓝色部分)，按F5刷新页面即可调试。