Fiddler请求响应界面介绍及定位问题方式

1、Fiddler抓包之接口基础概述

抓到了我们想要的接口，那接口请求怎么看。我们先要知道什么是接口。

简单解释下前后端逻辑（可能有不足，仅供参考）：

前端:前端是肉眼所能见到的界面。

后端:处理数据逻辑的，提供数据。

接口:提供前后端数据交互通道。

通过网络协议://P地址:portur=页面路径?参数 

请求方式

响应回来结果

所以，如果我们抓到一个接口我们需要重点关注什么呢?

接口四要素：接口地址，接口参数，请求方式，响应内容

2、HTTP协议请求响应报文

我们现在抓到了一个接口，怎么看呢?

选择这个inspectors,检查。这里有接口的信息，接口地址，接口参数，请求方式，响应内容

headers:发送请求的头信息。这里要关注的，请求类型，这个类型规定了我们发送的参数要求以这个类型发送

textView:参数的文本

Syntaxview:参数的加强版

WebForms:显示请求的 GET参数和 POST body 内容，特别说明，这里 body 应该是 application/x-www.form·uren·coded 格式。

HexView-用十六进制数据显示请求

Auth-显示header中的 Proxy-Authorization和Authorization 信息。

Cookies-请求发送的cookies信息。

Raw-将整个请求显示为纯文本。

Json- 如果请求的 body 是json 格式，就是用分级的 Json 来显示它

XML-如果请求的 body是XML格式，就是用分级的 XML树来显示它

3、Fiddler如何定位bug是前后端的问题

抓到的接口如何区分是前端bug，还是后端bug,

比如现在需求上面要求登录后，提示成功2个字，而现在没有提示，那这个时候到底是前端没显示，还是后端没给数据给前端没显示呢?

在响应页面，查看raw格式下的响应信息是否包含结果显示的字段。

那就通过看接口响应回来的内容，有没有返回这2个字，有这2个字，则前端没显示有这2个字，证明后端的问题。