Fiddler教程

简介

Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器，以代理服务器的方式，监听系统的网络数据流动。启动Fiddler后，会在本地打开8888端口，网络数据流通过Fiddler进行中转时，可以监视HTTP/HTTPS数据流的记录并加以分析，甚至可以修改发送和接收的数据。

用途

1、可以监视HTTP/HTTPS数据流的记录并加以分析，甚至可以修改发送和接收的数据。

2、清除IE缓存、请求构造器、文本转换工具等等一系列工具，对前端开发工作很有价值。

原理

Fiddler是在浏览器（或其他使用HTTP协议的进程）和服务器之间扮演代理的角色，这样所有通信都要经过它。如下图所示。

下载

http://www.telerik.com/download/fiddler

界面

配置

1、配置HTTPS会话（可选）

默认下，Fiddler不会捕获HTTPS会话，需要你设置下, 打开Fiddler Tool->Fiddler Options->HTTPS tab



选中checkbox, 弹出如下的对话框，点击"YES"





点击"Yes" 后，就设置好了

2、配置代理（可选）

打开Fiddler Tool->Fiddler Options->HOST



选中复选框，在里面输入ip 域名映射，点击save按钮

3、只检测代理ip（可选）

点击右侧窗口中的Filters



选中“Use Filters”，在下面的第二个下拉框中选中“Show only the
following Hosts”，填入网址

4、手机代理（可选）

调出windows系统的命令行窗口（win+r，输入cmd，回车），输入ipconfig命令，回车，看看本机ip地址。以iphone 5s手机为例，打开设置-无线局域网-选中wifi-手动，在服务器内输入本机的ip地址，端口为Fiddler的8888。

会话

1、界面



2、图标代表含义



3、查找会话

用快捷键Ctrl+F 打开 Find Sessions的对话框，输入关键字查询你要的会话。 查询到的会话会用黄色显示



4、保存会话

有时需要把会话保存下来，以便发给别人或者以后去分析。保存会话的步骤如下：选择你想保存的会话，然后点击File->Save->Selected
Sessions。



5、比较会话

选中两条及以上会话，点击右键-Compare


6、过滤会话

见配置章中第三条

7、删除会话

可以选中全部会话，按delete键删除，也可以使用Fiddler自带的删除按钮

命令

Fiddler的左下角有一个命令行工具叫做QuickExec,允许你直接输入命令。常用的命令有
1、help 打开官方的使用页面介绍，所有的命令都会列出来
2、cls 清屏 (Ctrl+x 也可以清屏)
3、select 选择会话的命令
4、?.png 用来选择png后缀的图片
5、bpu 截获request
6、bpafter 截获reponse

统计

选中左侧http请求，右侧会相应的统计出累积信息，便可获得整个页面加载所消耗的总体时间。从条形图表中还可以分别出哪些请求耗时最多，从而对页面的访问进行访问速度优化。

断点

1、断点修改Request
有两种方法

第一种：打开Fiddler 点击Rules-> Automatic Breakpoint ->Before Requests(这种方法会中断所有的会话)。如何消除命令呢？ 点击Rules-> Automatic Breakpoint ->Disabled。

第二种: 在命令行中输入命令: bpu www.weibo.com (这种方法只会中断www.weibo.com)。如何消除命令呢？ 在命令行中输入命令 bpu。
实例，模拟CSDN的登录， 在chrome中打开CSDN的登录页面，输入错误的用户名和密码，用Fiddler中断会话，修改成正确的用户名密码。这样就能成功登录。
①. 用chrome打开博客园的登录界面 https://passport.csdn.net/account/login
②. 打开Fiddler, 在命令行中输入bpu https://passport.csdn.net/account/login
③. 输入错误的用户名和密码 点击登录

④. Fiddler 能中断这次会话，选择被中断的会话，点击Inspectors tab下的WebForms tab 修改用户名密码，然后点击Run to Completion 如下图所示。

⑤. 结果是正确地登录了CSDN



2、断点修改Response

有两种方法
第一种：打开Fiddler 点击Rules-> Automatic Breakpoint ->After Response (这种方法会中断所有的会话)。如何消除命令呢？ 点击Rules-> Automatic Breakpoint ->Disabled。

第二种: 在命令行中输入命令: bpafter www.weibo.com (这种方法只会中断www.weibo.com)。如何消除命令呢？ 在命令行中输入命令bpafter。
实例，在本地新建一个html页面，在页面显示ajax回传的参数
①.用chrome打开本地测试的 地址 http://www.test.com/1504/ajax.php ②. 打开Fiddler, 在命令行中输入bpafter http://www.test.com/1504/ajax.php ③.
改动返回的参数值

④. Fiddler 能中断这次会话，选择被中断的会话，点击Inspectors tab下的WebForms tab 修改用户名密码，然后点击Run to Completion 如下图所示。

AutoResponse

此特性对于前端调试特别有用，可以把线上的css、js、image、html文件存储在本地，大大减少了在线调试的困难，下面给个image实例。
1、以微博logo为例，清空Fiddler会话窗口（命令行输入cls），在浏览器上打开微博，找到logo地址，在会话窗口查找此地址（命令行输入?WB_logo.png），把查找到的会话拖到右侧AutoResponer
Tab下，便自动添加一条规则。
2、勾选Enable automatic reaponses 和Unmatched requests passthrough。
3、在下面的Rule Editor 下面的第二个复选框选择 Find a file... 选择本地保存的图片.
最后点击Save 保存下。
4、刷新微博，会看到微博logo已变成了刚刚保存的图片，可以通过删除刚刚的那个规则或是关闭Fiddler来回复。

Composer

1、用途

构造HTTP请求，模拟相关程序所需数据。

2、两种模式

①.Parsed模式(最常用), 把Request分为三个部分， Request
line, Request Headesr, Request Body。 很容易创建一个Request.

②. Raw模式，需要你一行一行手动写一个Request。





3、实例（Parsed模式）

①.本地新建接收HTTP请求并写入文件和展示的脚本。

②. 在Fiddler右侧的Composer
tab中，构造请求数据。

③.点击Excute，执行。

④. 选中左侧新出现的会话，点击右侧Inspectors查看响应，打开本地相应目录，看看是否生成相应数据。

编码工具

点击Fiddler 工具栏上的TextWizard, 这个工具可以Encode和Decode string.