Fiddler除了抓包还能干些什么 fiddler除了抓包还能做什么( 二 ) _小知识

文章插图

HTTP请求是客户端发送给服务端的数据包
HTTP响应是服务端返回给客户端的数据包

HTTP组成
那么HTTP请求和响应的数据包都有包含些什么呢？再来看一张图。

文章插图

总的来说，一个请求中会包括：请求行，请求头，请求体；一个响应中也会包括：响应行，响应头，响应体。
其中请求体和响应体都支持多种类型展示，如请求体可以支持json，也支持表单等。同样响应体中也支持文本，HTML，图片，各种文件等。
其实，我们所说的上网就是查看响应体中的数据，比如看的网页，一般都是HTML的页面，听音乐，就是音频文件。
报文显示
接下来通过一张图来看一个HTTP的请求报文，它是HTTP的原始报文，未经过任何处理，那么在Inspectors的Raw选项框中显示的就是原始报文。

文章插图
我们可以看出，一个请求一般都会包括这么四部分：请求行，请求头，空行，请求体。但是如果是一个GET请求，就没有请求体了。
那么，每个请求和响应都是遵循着上面的格式去显示的，注：若是响应数据，把请求修改为响应就可以了。
【Fiddler除了抓包还能干些什么 fiddler除了抓包还能做什么】我们为上面的格式总结一个通用的模型，就是如下图。

文章插图
2.Inspectors展示
Fiddler给我们提供了Inspectors功能来查看报文，打开这个选项卡后你会发现有很多的子选项卡，其实这些都是对报文不同类型的展示和分类细化。
如果按报文的组成内容来划分，我们也可以将Inspectors的选项卡可以按照如下重新分类。

文章插图
展示说明
在Inspectors中分上下两个区域，上半部分展示的是请求数据，下半部分展示的响应数据。因为它们都有很多相同的选项卡，所以我们就放在一起说明。

无论是请求还是响应，都提供了两种全数据的展示，就是Raw和HexView ,分别通过它们能查看到原始报文和16进制方式的报文
HTTP请求体支持的常见数据类型在Inspectors也都支持。所以，这里面设置了四种常用的数据选项卡，分别是TextView(显示文本),JSON,xml,WebForms(显示表单和查询字符串) 。
SyntaxView和TextView的区别：写过代码的都知道，使用IDE写代码，其中之一就是可以使代码关键字着色。但是用文本写就不会有。这里的SyntaxView和TextView就像IDE开发工具和普通文本的区别(可能有点扩张) 。在SyntaxView中查看的数据代码着色。而TextView就是一些普通文本信息。如返回的是Js文件或HTML文件，使用SyntaxView查看会更加方便。

文章插图

WebView说明：很多情况下，返回的数据都是页面，如果按照上面的方式查看，其实就是查看的是源码，如果想看类似在浏览器的效果，你就可以使用这个功能查看，效果如下。

文章插图
若服务端返回的数据是encoded的话，需要进行解压缩后才能正常查看。

文章插图
最后，我们对Inspectors做一个总结：

它就是一个文本域，可以查看，编辑（断点），拷贝其内容。
为了支持多种不同数据类型格式、文件格式。所以，要设置多个选项卡来区分展示。
为了查看更高效便捷，同一内容也会有不同的展示形式。

导入导出请求报文在使用fiddler抓取请求报文时，我们更习惯于直接操作APP或者web系统，然后到fiddler中找我们想要的数据报文。但若这些报文是我们经常要看的，我们可以使用另外一种更简单的方式来查看，那就是把我们想要的报文保存到本地，下次使用时直接导入。这样就无需每次了。
导出请求报文fiddler支持导出多种格式，其中saz、har、bat格式(windows系统)是最为常用的。