前端开发之页面调试

1、在jsp页面上写一段需要的js代码。

2、代码主要实现的是获取所有输入框中的值。页面效果如图。

3、在js代码的开始写入debugger关键字，保存代码，刷新项目页面。

4、窗口转换到火狐浏览器，在项目运行成功的基础上，按F12键，启动开发者模式。在窗口的下方会看到一个停靠窗口。点击调试器选项。

5、触发事件，js代码运行，让调试器开始调试。效果如图所示。

6、可以鼠标点击左上角按钮让程序继续执行，也可以使用快捷键F10，F11运行。

7、在此过程中，调试器右侧可以看到变量的变化，也可以通过添加监控的方式来查看一些表达式的结果。