fiddler抓包配置方法和使用教程

1.使用介绍

安装：
fiddler的安装就不做介绍了，都是一路确定很简单。这里给个不错的文章连接，是介绍安装的
https://blog.csdn.net/ychgyyn/article/details/82154433
使用介绍：
fiddler可以抓取http和https的数据，http的数据直接你可以抓，但是https的数据需要安装证书并进行一些配置。如下所示：

打开Fiddler Tool->Fiddler Options->HTTPS 。 （配置完后记得要重启Fiddler）

选中"Decrpt HTTPS traffic", Fiddler就可以截获HTTPS请求，第一次会弹出证书安装提示，若没有弹出提示，勾选Actions-> Trust Root Certificate
另外，如果你要监听的程序访问的 HTTPS 站点使用的是不可信的证书，则请接着把下面的 “Ignore servercertificate errors” 勾选上。

点击Yes，留意一下红框里面的内容，DO_NOT_TRUST_FiddlerRoot ,这个就是证书的名称。

点击跟着步骤安装fiddler证书到你的电脑上。证书名称为【DO_NOT_TRUST_FiddlerRoot】
如果我们想要抓取手机上app的传输数据的话需要在手机上也安装上证书，并作如下设置

下面以安卓手机为例展示手机端安装整数和配置端口
首先在pc端打开fiddler并保证手机和电脑在同一网络下，这里设置代理端口号为默认的8888
先查看自己的电脑的ip地址（代打开cmd，输入：ipconfig）

在手机的wifi设置中选择你正在连的wifi的，把代理改为手动并配置主机名为电脑的ip；把端口改为设置的代理端口号8888，然后保存。
在手机浏览器输入电脑ip和端口号，如：192.xxx.xxx.230:8888 根据提示下载证书文件，并安装到手机上就可以抓取app的数据了

2.界面说明：

这个是fiddler的主界面

一、监控面板（左）：
#：这里一列是 http request 的顺序，从 1 开始，有多种图标 详见：https://blog.csdn.net/loner_fang/article/details/83309266
Result：这一列返回的是响应码 如200，304，404等
Protocol：这里是协议，一般是显示http或https
Host：host地址 ，如：www.baidu.com
URL：也就是请求接口，例如 /home/xman/data/tipspluslist 知道protocol+host+URL可以发送一个请求
Body：这一列显示的是响应返回的字节数
Caching：请求的缓存过期时间或者缓存控制值
Content-Type：返回的数据类型
Process：这一列标明了进程名和进程PID
Comments：这一列是session的注释
Custom：这一列允许用户通过 fiddlerscript 脚本设置自定义值
二、监控面板（右）：

【statistics】统计数据：
点击选取任一会话后，【statistics】会展示相关的数据信息。例如：右侧上方展示的为一些性能数据如：客户端连接时间等内容，右侧下方展示一下是国际上性能数据，主要关注"RTT"为往返时间，最下方的“show chat”,点击也可以以图表的形式展示这些性能数据。

【Inspectors】对请求解包：
对请求解包：点击任一条记录，点击【Inspectors】可以查看会话的详细信息，点击【WebForms】可以以表单的形式查看会话中提交的数据。

Inspectors 页签分为上下两部分，上部显示的是发出的请求相关信息，下部显示的是接收的响应相关信息。
请求 (Request) 部分详解

Headers —— 显示客户端发送到服务器的 HTTP 请求的 header，显示为一个分级视图，包含了 Web 客户端信息、Cookie、传输状态等
Textview —— 显示 POST 请求的 body 部分为文本
WebForms —— 显示请求的 GET 参数 和 POST body 内容，特别说明，这里 body 应该是 application/x-www-form-urlen-coded 格式
HexView —— 用十六进制数据显示请求
Auth —— 显示 header 中的 Proxy-Authorization 和 Authorization 信息
Raw —— 将整个请求显示为纯文本
XML —— 如果请求的 body 是 XML 格式，就是用分级的 XML 树来显示它

响应 (Response) 部分详解

Transformer —— 显示响应的编码信息
Headers —— 用分级视图显示响应的 header
TextView —— 使用文本显示相应的 body
ImageVies —— 如果请求是图片资源，显示响应的图片。
HexView —— 用十六进制数据显示响应
WebView —— 响应在 Web 浏览器中的预览效果
Auth —— 显示响应 header 中的 Proxy-Authorization 和 Authorization 信息
Caching —— 显示此请求的缓存信息
Privacy —— 显示此请求的私密信息
Raw —— 将整个响应显示为纯文本
XML —— 如果响应的 body 是 XML 格式，就是用分级的 XML 树来显示它 

【AutoResponder】文件代理：
该功能可以用来调试本地的代码，因为左侧控制面板中展示的内容原本时来自服务器端的，操作文件代理后，可以让该条会话返回的信息来自与本地设置的内容，本地不仅可以设置返回的信息，也可以上传一些本地的文件例如图片、文本等。

【Composer】前后端接口联调：
可以通过该功能进行接口测试。

【log】记录log日志：记录了使用fiddler的log日志。
【Time line】网站性能分析
【filters】过滤功能，支持多种条件过滤，很强大这里借用一篇文章来向大家简单的介绍fiddler 强大的过滤功能：
https://www.cnblogs.com/sjl179947253/p/7627250.html

3.抓取手机app的数据，以抓取华图app为例

1.File --> Capture Traffic 勾选。
2.打开fiddler>Tools>Fiddler Options>HTTPS>…from remote clients only,勾选这个选项就可以了
手机上设置代理后，这时候fiddler上抓到的是pc和app所有的请求，如果pc上打开网址，会很多，这时候就需要开启过滤功能了。

from all processes :抓所有的请求
from browsers only ：只抓浏览器的请求
from non-browsers only :只抓非浏览器的请求
from remote clients only:只抓远程客户端请求

3.过滤掉不需要的请求，使用fiddler配置为只显示华图相关的请求，如下图所示：下图就是抓取app的部分数据

4.图就是抓取app的部分数据