抓取报文是fiddler的核心功能,所以只要使用fiddler,你就离不开这个Inspectors,因为抓取报文的目的就是查看报文数据。那么接下来我们就聊聊这个功能 。
报文介绍
首先要明确一个关键字:报文,有的地方又叫会话,如fiddler,我们常说的抓包,其实就是抓取报文的数据。
那么报文到底是个什么东东呢?或者说它又由什么组成呢 ?这里我们就的先从客户端和服务端的交互过程说起,如下图。
注:下文说的请求和响应都是以HTTP协议为例
HTTP组成
那么HTTP请求和响应的数据包都包含些什么呢 ?再来看一张图 。
总的来说,一个请求中会包括:请求行,请求头,请求体;一个响应中也会包括:响应行,响应头,响应体。
其中请求体和响应体都支持多种类型展示,如请求体可以支持json,也支持表单等 。同样响应体中也支持文本,HTML,图片,音频,视频文件等 。
其实,我们所说的上网就是查看响应体中的数据,比如看的网页,一般都是HTML的页面,听音乐,就是音频文件。
报文显示
接下来通过一张图来看一个HTTP的请求报文,它是HTTP的原始报文,未经过任何处理,那么在Inspectors的Raw选项框中显示的就是原始报文。
需要注意的是,请求头和请求体之间的空行 。但是如果是一个GET请求,就没有请求体了。
那么,每个请求和响应都是遵循着上面的格式去显示的,注:若是响应数据,图中的请求修改为响应就可以了。
我们为上面的格式总结一个通用的模型,就是如下图。
Inspectors展示
Fiddler给我们提供了Inspectors功能来查看报文,打开这个选项卡后你会发现有很多的子选项卡,其实这些都是对报文不同类型的展示和分类细化。
如果按报文的内容来划分,我们也可以将Inspectors的选项卡可以按照如下重新分类。
展示说明
在Inspectors中分上下两个区域,上半部分展示的是请求数据,下半部分展示的响应数据。因为它们都有很多相同的选项卡,所以我们就放在一起说明。
- 无论是请求还是响应,都提供了两种全数据的展示,就是Raw和HexView ,分别通过它们能查看到原始报文和16进制方式的报文
- HTTP请求体支持的常见数据类型在Inspectors也都支持。所以,这里面设置了四种常用的数据选项卡,分别是TextView(显示文本),JSON,xml,WebForms(显示表单和查询字符串)。
- SyntaxView和TextView的区别:写过代码的都知道,使用IDE写代码,其中之一就是可以使代码关键字着色 。但是用文本写就不会 。这里的SyntaxView和TextView就像IDE开发工具和普通文本的区别(可能有点夸张)。SyntaxView仅限于代码有着色功能。如返回JS文件或HTML文件,使用SyntaxView查看会更加直观 。
- WebView说明:很多情况下,返回的数据都是页面,如果按照上面的方式查看,其实就是查看的是源码,如果想看类似在浏览器的效果,你就可以使用这个功能查看,效果如下 。
- 若服务端返回的数据是encoded编码,需要进行解压缩后才能正常查看。
最后,我们对Inspectors做一个总结:
- 它就是一个文本域,可以查看,编辑(断点),拷贝其内容 。
- 为了支持多种不同数据类型格式、文件格式。所以,要设置多个选项卡来区分展示 。
- 为了查看更高效便捷,同一内容也会有不同的展示形式。