程序调试优化一：浏览器端查看、抓取后台返回数据的方法

1、在应用程序开发中，点击一个按钮或或点一个链接，页面的响应结果与我们预期的结果不一样，我们可以通过在后台应用程序打断点,debug调试，也可以通过浏览器查看、抓取后台返回数据。

2、怎样通过浏览器查看和抓取呢？
浏览器我用的是google的chrome。
如下图，我点查询按钮。

一、进入调试界面
点查谒按钮之前，进入浏览器的调试界面。
浏览器的调试界面的方式（windows下面，直接F12,我用的是mac）：
方式1：在浏览器页面空白处，点左键，然后点“审查元素”，就可以进入调式页面；

方式2：点浏览器右上角， ，–>更多工具–>开发者工具。
调试页面如下图：

二、在调试界面查看、抓取数据
怎样查看、抓取数据呢？
如下图：
第一步：点查询按钮；
第二步：点Network页签;
第三步：点getAllUser.do链接；

可以在下图查看请求状态：
如下图点下部的Headers页签，查看请求状态Status Code:200 OK,和查看请求头部信息

然后点Response页签，查看后台响应的数据

我们也可以将这里的json数据copy一下，在网上找一个json在线格式要具如

三、借助json在线解析工具，格式化json数据
借助这个json在线解析工具，我们可以在下图中更清晰的查看、分析后台抓取的数据