Fiddler抓包浅析（一）

Fiddler 工具浅析

Fiddler 是位于客户端和服务器端的 HTTP 代理&＃xff0c;也是目前最常用的 HTTP 抓包工具之一。&＃xff08;Mac OS 建议采用 Charles&＃xff09;

它可以记录客户端和服务器之间的所有 HTTP 请求&＃xff0c;并可以针对特定的 HTTP 请求&＃xff0c;分析请求数据、设置断点、调试 web 应用、修改请求的数据&＃xff0c;甚至可以修改服务器返回的数据&＃xff0c;功能非常强大&＃xff0c;是 web 调试和网络请求分析的利器。

Fiddler 作为一个代理&＃xff0c;自然客户端的所有请求都会先经过它&＃xff0c;再转发给相应的服务器。反之&＃xff0c;服务器端的所有响应&＃xff0c;也都会先经过 Fiddler 然后发送给客户端。所以&＃xff0c;Fiddler 支持所有可以设置 HTTP 代理为 127.0.0.1:8888 的浏览器和应用程序。

Fiddler 界面解析

我们不妨直接看到 Fiddler 的界面&＃xff0c;可以看到很多不错的东西。

这里是大概的主界面&＃xff0c;由于内容涵盖还是比较多&＃xff0c;所以我们分块解析。

Web Session 面板区域

web session 面板区域主要包含了每条 HTTP 请求&＃xff08;每一条称为 session&＃xff09;&＃xff0c;主要包含了请求的 url&＃xff0c;状态码&＃xff0c;body 等信息。

• #
  HTTP Request 的顺序&＃xff0c;从 1 开始&＃xff0c;按照页面加载请求的顺序递增。其中序列号列中一般还有图标&＃xff0c;代表不同的响应类型。具体类型包括&＃xff1a;

  
  
  图片来源于网络

• Result
  HTTP 响应的状态。状态码解析请参考专业的 HTTP 书籍。

• Protocol
  请求使用的协议&＃xff0c;如 HTTP/HTTPS/FTP 等。

• Host
  请求地址域名。

• URL
  请求的服务器路径和文件名&＃xff0c;也包括 GET 参数。

• Body
  请求的大小&＃xff0c;单位为 byte。

• Caching
  请求的缓存过期时间或缓存控制 header 等值。

• Content-Type
  请求响应的类型&＃xff08;Content-Type&＃xff09;

• Process
  发出此请求的进程及进程 ID。

• Comments
  用户通过脚本或者右键菜单给此 session 增加的备注。

• Custom
  用户可以通过脚本设置的自定义值。

详情和数据面板区域

该区域基本是我们必须关注的点&＃xff0c;我们可以在这个区域看到每条 HTTP 请求的具体数据统计和数据包分析。其中的 inspector 面板下的数据往往最受我们的重视。

• inspector

  
  

这里可以看到我们请求的诸多数据&＃xff0c;由于时间关系&＃xff0c;我们也就仅拿出其中的 Header 部分做讲解&＃xff0c;其他部分同理。

上面的 Header 中包含了我们常见的请求头&＃xff0c;比如客户端的设备相关信息、COOKIEs、连接状态。

下面是我们的响应头 Header&＃xff0c;同时也包含了响应时间、过期时间、响应格式、数据包大小、连接状态等。

• Composer

  
  

我们经常在做一些接口测试的需要做一些骚操作&＃xff0c;比如上传文件等&＃xff0c;这个完全不像 GET 请求那般可以直接带上我们的参数在浏览器访问。这时候我们又不想去写一个脚本。好伙计&＃xff0c;Composer 正好满足了我们的需求。

正如截图中样式&＃xff0c;我们可以设置请求方式、请求地址&＃xff0c;参数、甚至是上传文件等&＃xff0c;这一些请求我们都可以模拟。

不得不感叹&＃xff0c;确实黑科技。

一些其他菜单说明

• Filters 强大的过滤机制
  Fiddler 支持域名过滤&＃xff0c;只需要在 Filters 里面设置即可。

  
  

过滤条件涵盖非常广泛&＃xff0c;比如过滤特定 HTTP 状态码的请求、特定请求类型的 HTTP 请求等&＃xff0c;更多的过滤方式还需要大家自己去挖掘。

• 选择抓取区域

  
  
  
  

  可以选择是否支持 HTTPS&＃xff0c;选择是否抓取所有进程的请求&＃xff0c;还是仅仅浏览器的请求&＃xff0c;抑或是仅仅远程设备的请求&＃xff0c;功能都是非常强大的。

一些必备的处理

• 对于 Web 抓包
  要想抓包到相应的数据&＃xff0c;必须设置浏览器代理为 127.0.0.1:8888&＃xff0c;否则无法捕获到 HTTP 请求。

  
  

• 对于 HTTPS 的支持
  默认情况下&＃xff0c;Fiddler 是不支持直接查看 HTTPS 请求的&＃xff0c;我们必须在设备上安装它的证书。

这里姑且直接以抓取 Android 手机的 HTTPS 请求做示例。

1. 首先设置 Fiddler。打开工具栏 &＃61;> Tools &＃61;> Fiddler Options &＃61;> HTTPS

   
   

2. 导出证书到手机。

   
   

3. 直接在手机端安装。
   在手机上安装证书这个操作&＃xff0c;太多机型了&＃xff0c;都不太一样&＃xff0c;姑且大家自行百度。