Fiddle日常运用手册（1）-下载和基础界面介绍

        作为一个软件产品的开发、测试人员，无论是B/S还是C/S产品，无论是看报错，还是校验数据正确性，都逃不过与HTTP交互的问题。

        这个时候，挑选一个好用的网络调试工具，是可做到事半功倍的作用。

        目前我这边主要接触到的抓包工具就有Wireshark和Fiddle。

        不过作为颜狗，Fiddle的界面比Wireshark更好看，因此我选择了Fiddle（ｗｗｗ、笑い，主要是Fiddle可以在抓包后进行数据更改，用来测试前端特殊数据展示情况简直不要太方便）

        今天主要记录Fiddle软件日常运用之下载和基础界面介绍。

        一、下载文件。

        Fiddle下载可访问官网：https://www.telerik.com/ 

        进入主页面（下图）点击Web Components直接进行下载

 下载完毕后，安装安装包后单击Fidder.exe即可进入初始化页面

 二、Fidder基础界面介绍

        

1.主菜单栏

1.File菜单

1、Capture Traffic：可以控制是否把Fiddler注册为系统代理。

2、New Viewer：打开一个新的fiddler窗口

3、Load Archive：用于重新加载之前捕获的以SAZ文件格式保存的数据包。

4、Save：支持以多种方式把数据包保存到文件中。

5、Import Sessions...：支持导入从其他工具捕获的数据包，也支持导入以其他格式存储的数据包。

6、Export Sessions...：把Fiddler捕捉到的回话以多种文件格式保存。

7、Exit：取消把Fiddler注册为系统代理，并关闭Fiddler

2.Edit菜单

1、Copy：复制会话。

2、Remove：删除会话。

3、Select All：选择所有会话。

4、Undelete：撤销删除会话。

5、Paste as Session把剪贴板上的内容粘贴成一个或多个模拟的会话。

6、Mark：选择一种颜色标记选中会话。

7、Unlock for Editing 解锁会话。

8、Find Session...打开Find Session窗口，搜索捕获到的数据包。

3.Rules菜单

1、Hide Image Request：隐藏图片回话。

2、Hide CONNECTS：隐藏连接通道回话。

3、Automatic Breakpoints：自动在[请求前]或[响应后]设置断点。Ignore Image触发器控制这些断点是否作用于图片请求。

4、Customize Rules...：打开Fiddler脚本编辑窗口。

5、Require Proxy Authentication：，要求客户端安装证书。该规则可以用于测试HTTP客户端，确保所有未提交Proxy-Authorization请求头的请求会返回HTTP/407响应码。

6、Apply GZIP Encoding：只要请求包含具有gzip标识的Accept-Encoding请求头，就会对所有响应使用GZIP HTTP进行压缩（图片请求除外）。

7、Remove All Encoding：删除所有请求和响应的HTTP内容编码和传输编码

8、Hide 304s：隐藏响应为HTTP/304 Not Modified状态的所有回话。

9、Request Japanese Content：选项会把所有请求的Accept-Encoding请求头设置或替换为ja标识，表示客户端希望响应以日语形式发送。

10、User-Agents：把所有请求的User-Agent请求头设置或替换成指定值。

11、performance：模拟弱网测试速度。

4.Tools菜单

1、Options...：打开Fiddler选项窗口。

2、WinINET Options...打开IE的Internet属性窗口

3、Clear WinINET Cache：清空IE和其他应用中所使用的WinINET缓存中的所有文件。

4、Clear WinINET Cookies：清空IE和其他应用中所发送的WinINET Cookie

5、TextWizard...：选项会启动TextWizard窗口，对文本进行编码和解码。

6、Compare Session：比较回话。

7、Reset Script：重置Fiddler脚本。

8、Sandbox：打开http://webdbg.com/sandbox/

9、View IE Cache:打开IE缓存窗口。

5.View菜单

1、Show Toolbar：控制Fiddler工具栏是否可见

2、Default Layout、Stacked Layout、Wide Layout三种界面布局

3、Minimize to Tray：最小化Fiddler到系统托盘（快捷键:CTRL+M ）

4、Squish Session List：控制回话列表是否水平收缩。

5、AutoScroll Session list：添加新的回话时，自动滚动到回话列表底部

2. 工具栏

 

3. 控制面板（会话列表）

列表介绍：

列名	含义
#	抓取顺序
result	HTTP状态码
Protocol	请求使用的协议，HTTP/HTTPS等
Host	请求地址的主机名
URL	请求资源的位置
Body	该请求的大小
Caching	请求的缓存过期时间或者缓存控制值
Conten-Type	请求响应的类型
Process	发送此请求的过程：进程ID
Comments	允许用户为此回话添加备注
Custom	允许用户设置自定义值

 

session不同颜色的含义：

 

session不同图标的含义：

 

 

4.功能面板 

页签	含义
Statistics统计	通过该页签， 用户可以通过选择多个会话来得来这几个会话的总的信息统计，比如多个请求和传输的字节数。选择第一个请求和最后一个请求， 可获得整个页面加载所消耗的总体时间。从条形图表中还可以分别出哪些请求耗时最多， 从而对页面的访问进行访问速度优化
inspectors检查	它提供headers、textview、hexview,Raw等多种方式查看单条http请求的请求报文的信息，它分为上下两部分：上部分为HTTP Request（请求）展示，下部分为HTTPResponse（响应）展示
AutoResponse自动响应	Fiddler最实用的功能， 它可以抓取在线页面保存到本地进行调试， 大大减少了在线调试的困难， 可以让我们修改服务器端返回的数据， 例如让返回都是HTTP404或者读取本地文件作为返回内容。
composer构建	支持手动构建和发送HTTP， HTTPS和FTP请求， 我们还可以从web session列表中拖曳session， 把它放到composer选项卡中， 当我们点击Execute按钮， 把请求发送到服务器端
log日志	打印日志
Filters过滤	过滤器可以对左侧的数据流列表进行过滤， 我们可以标记、 修改或隐藏某些特征的数据流
Timeline时间轴	时间轴，也称为Fiddler的瀑布图，展示网络请求时间的功能。 每个网络请求都会经历域名解析、建立连接、发送请求、接受数据等阶段。把多个请求以时间作为 X 轴， 用图表的形式展现出来， 就形成了瀑布图。 在左侧会话窗口点击一个或多个（同时按下 Ctrl 键）， Timeline 便会显示指定内容从服务端传输到客户端的时间

 

5.命令行

Fiddler的左下角有一个命令行工具叫做QuickExec,允许你直接输入命令。

常见得命令有：

1. help ： 打开官方的使用页面介绍， 所有的命令都会列出来
2. cls ： 清屏 (Ctrl+x 也可以清屏)
3. select ： 选择会话的命令， 选择所有相应类型select image、select css、select html
4. ?sometext ： 查找字符串并高亮显示查找到的会话列表的条目，？qq.com
5. >size : 选择请求响应大小小于size字节的会话
6. =status/=method/@host:查找状态,方法、主机相对应的session会话，=504,=get,@www.qq.com
7. quit：退出fiddler

以上，便为Fidder基础界面介绍。