二十七、javaWeb前端调试

前端调试有三种方法：

 

1、通过alert()方法：在前端文本js代码块适当位置填写alert(变量名)，执行程序便可以在浏览器中查看结果

2、通过console.log()方法：在前端文本js代码块适当位置填写console.log(变量名)，执行程序便可以在浏览器：开发者模式--source（console控制台）看到输出结果，也可以在前端控制台直接使用console.log输出结果

3、通过类似于后端调试的前端js调试办法：

    首先：打开浏览器开发者模式，向后台发送一个请求，查看network-XHR项，从而确定我们向后台发送的request请求及状态，并进一步看到并得到后台response的相应与状态

其次，继续开发者模式，进入source页面，找到对应前端函数调用的具体js代码并打断点

最后，出发函数，运行js代码，进行单步调试并查看变量显示。