Fiddler 教程

Fiddler是最强大最好用的Web调试工具之一，它能记录所有客户端和服务器的http和https请求，允许你监视，设置断点，甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说，都有很大的帮助。

阅读目录

Fiddler的基本介绍

Fiddler的官方网站: www.fiddler2.com

Fiddler官方网站提供了大量的帮助文档和****，这是学习Fiddler的最好资料。

Fiddler是最强大最好用的Web调试工具之一，它能记录所有客户端和服务器的http和https请求，允许你监视，设置断点，甚至修改输入输出数据，Fiddler包含了一个强大的基于事件脚本的子系统，并且能使用.net语言进行扩展

你对HTTP 协议越了解，你就能越掌握Fiddler的使用方法. 你越使用Fiddler,就越能帮助你了解HTTP协议.

Fiddler无论对开发人员或者测试人员来说，都是非常有用的工具

Fiddler的工作原理

Fiddler 是以代理web服务器的形式工作的,它使用代理地址:127.0.0.1, 端口:8888. 当Fiddler会自动设置代理，退出的时候它会自动注销代理，这样就不会影响别的程序。不过如果Fiddler非正常退出，这时候因为Fiddler没有自动注销，会造成网页无法访问。解决的办法是重新启动下Fiddler.

Fidder

Fiddler 如何捕获Firefox的会话

能支持HTTP代理的任意程序的数据包都能被Fiddler嗅探到，Fiddler的运行机制其实就是本机上监听8888端口的HTTP代理。 Fiddler2启动的时候默认IE的代理设为了127.0.0.1:8888，而其他浏览器是需要手动设置的，所以将Firefox的代理改为127.0.0.1:8888就可以监听数据了。

Firefox 上通过如下步骤设置代理

点击: Tools -> Options, 在Options 对话框上点击Advanced tab - > network tab -> setting.

Firefox 中安装Fiddler插件

修改Firefox 中的代理比较麻烦，不用fiddler的时候还要去掉代理。麻烦

推荐你在firefox中使用fiddler hook 插件, 这样你非常方便的使用Fiddler获取firefox中的request 和response

当你安装fiddler后，就已经装好了Fiddler hook插件，你需要到firefox中去启用这个插件
打开firefox tools->Add ons -> Extensions 启动 FiddlerHook

Fidder

Fiddler如何捕获HTTPS会话

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

Fidder

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

Fidder

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

Fiddler的基本界面

看看Fiddler的基本界面

Fidder

Inspectors tab下有很多查看Request或者Response的消息。其中Raw Tab可以查看完整的消息，Headers tab 只查看消息中的header. 如下图

Fidder

Fiddler的HTTP统计视图

通过陈列出所有的HTTP通信量，Fiddler可以很容易的向您展示哪些文件生成了您当前请求的页面。使用Statistics页签，用户可以通过选择多个会话来得来这几个会话的总的信息统计，比如多个请求和传输的字节数。

选择第一个请求和最后一个请求，可获得整个页面加载所消耗的总体时间。从条形图表中还可以分别出哪些请求耗时最多，从而对页面的访问进行访问速度优化

Fidder

QuickExec命令行的使用

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

常见得命令有

help 打开官方的使用页面介绍，所有的命令都会列出来

cls 清屏 (Ctrl+x 也可以清屏)

select 选择会话的命令

?.png 用来选择png后缀的图片

bpu 截获request

Fidder

Fiddler中设置断点修改Request

[作者：小坦克] Fiddler最强大的功能莫过于设置断点了，设置好断点后，你可以修改httpRequest 的任何信息包括host, cookie或者表单中的数据。设置断点有两种方法

第一种：打开Fiddler 点击Rules-> Automatic Breakpoint ->Before Requests(这种方法会中断所有的会话)

如何消除命令呢？点击Rules-> Automatic Breakpoint ->Disabled

第二种: 在命令行中输入命令: bpu www.baidu.com (这种方法只会中断www.baidu.com)

如何消除命令呢？在命令行中输入命令 bpu

Fidder

看个实例，模拟博客园的登录，在IE中打开博客园的登录页面，输入错误的用户名和密码，用Fiddler中断会话，修改成正确的用户名密码。这样就能成功登录

1. 用IE 打开博客园的登录界面 http://passport.cnblogs.com/login.aspx
2. 打开Fiddler, 在命令行中输入bpu http://passport.cnblogs.com/login.aspx
3. 输入错误的用户名和密码点击登录
4. Fiddler 能中断这次会话，选择被中断的会话，点击Inspectors tab下的WebForms tab 修改用户名密码，然后点击Run to Completion 如下图所示。
5. 结果是正确地登录了博客园

Fidder

Fiddler中设置断点修改Response

当然Fiddler中也能修改Response

第一种：打开Fiddler 点击Rules-> Automatic Breakpoint ->After Response (这种方法会中断所有的会话)

如何消除命令呢？点击Rules-> Automatic Breakpoint ->Disabled

第二种: 在命令行中输入命令: bpafter www.baidu.com (这种方法只会中断www.baidu.com)

如何消除命令呢？在命令行中输入命令 bpafter,

Fidder

具体用法和上节差不多，就不多说了。

Fiddler中创建AutoResponder规则

Fiddler 的AutoResponder tab允许你从本地返回文件，而不用将http request 发送到服务器上。

看个实例. 1. 打开博客园首页，把博客园的logo图片保存到本地，并且对图片做些修改。

2. 打开Fiddler 找到logo图片的会话， http://static.cnblogs.com/images/logo_2012_lantern_festival.gif，把这个会话拖到AutoResponer Tab下

3. 选择Enable automatic reaponses 和Unmatched requests passthrough

4. 在下面的Rule Editor 下面选择 Find a file... 选择本地保存的图片. 最后点击Save 保存下。

5. 再用IE博客园首页, 你会看到首页的图片用的是本地的。

Fidder

Fiddler中如何过滤会话

每次使用Fiddler, 打开一个网站，都能在Fiddler中看到几十个会话，看得眼花缭乱。最好的办法是过滤掉一些会话，比如过滤掉图片的会话. Fiddler中有过滤的功能, 在右边的Filters tab中，里面有很多选项, 稍微研究下，就知道怎么用。

Fiddler中会话比较功能

选中2个会话，右键然后点击Compare，就可以用WinDiff来比较两个会话的不同了 (当然需要你安装WinDiff)

Fidder

Fiddler中提供的编码小工具

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

Fidder

Fiddler中查询会话

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

Fidder

Fiddler中保存会话

有些时候我们需要把会话保存下来，以便发给别人或者以后去分析。保存会话的步骤如下：

选择你想保存的会话，然后点击File->Save->Selected Sessions

Fiddler的script系统

Fiddler最复杂的莫过于script系统了官方的帮助文档: http://www.fiddler2.com/Fiddler/dev/ScriptSamples.asp

首先先安装SyntaxView插件，Inspectors tab->Get SyntaxView tab->Download and Install SyntaxView Now... 如下图

Fidder

安装成功后Fiddler 就会多了一个Fiddler Script tab, 如下图

Fidder

在里面我们就可以编写脚本了，看个实例让所有cnblogs的会话都显示红色。

把这段脚本放在OnBeforeRequest(oSession: Session) 方法下，并且点击"Save script"

     if (oSession.HostnameIs("www.cnblogs.com")) {
            oSession["ui-color"] = "red";
        }

这样所有的cnblogs的会话都会显示红色

如何在VS调试网站的时候使用Fiddler

我们在用visual stuido 开发ASP.NET网站的时候也需要用Fiddler来分析HTTP，默认的时候Fiddler是不能嗅探到localhost的网站。不过只要在localhost后面加个点号，Fiddler就能嗅探到。

例如：原本ASP.NET的地址是 http://localhost:2391/Default.aspx，加个点号后，变成 http://localhost.:2391/Default.aspx 就可以了

Fidder

第二个办法就是在hosts文件中加入 127.0.0.1 localsite

如何你访问http://localsite:端口号。这样Fiddler也能截取到了。

Response 是乱码的

有时候我们看到Response中的HTML是乱码的，这是因为HTML被压缩了，我们可以通过两种方法去解压缩。

1. 点击Response Raw上方的"Response is encoded any may need to be decoded before inspection. click here to transform"

2. 选中工具栏中的"Decode"。这样会自动解压缩。

Fidder

通过前一篇博客【小坦克: Fiddler教程】，我们了解了Fiddler的基本用法，现在我们来看看Fiddler的高级用法. Fiddler Script。 Fiddler中的script 可以让我们自动修改Http request和Response 的内容。而不用手动地去下"断点"来修改http Request或Response中的值。

阅读目录

Fiddler的作者

Fiddler 的作者是 Eric Lawrence 是个大师级的人物，目前在微软总部西雅图工作。他的博客是: http://www.ericlawrence.com/Eric/

博客中能看到他的简历，以及一些生活照.

遇到问题如何向Fiddler的作者请教

Eric Lawrence 在Google 论坛中建了一个Fiddler 的讨论组，地址是:https://groups.google.com/forum/?fromgroups#!forum/httpfiddler

在这里Fiddler的使用者如果遇到任何问题，都可以这论坛里直接问Eric Law. Eric Law一般都会很快答复你。在问问题之前，请搜索下。因为你的问题很可能别人早就问过了。

关于Fiddler Script

Fiddler 包含了一个脚本文件可以自动修改Http Request 和Response.这样我们就不需要手动地下"断点"去修改了，

实际上它是一个脚本文件CustomRules.js

位于: C:\Documents and Settings\[your user]\My Documents\Fiddler2\Scripts\CustomRules.js 下

你也可以在Fiddler 中打开CustomRules.js 文件，启动Fiddler, 点击菜单Rules->Customize Rules...

Fiddler Script 的官方帮助文档必须认真阅读，地址是：http://www.fiddler2.com/Fiddler/dev/ScriptSamples.asp

Fiddler Script 是用JScript.NET语言写的

我从来没听说过JScript.NET语言，可能是JScript的升级版吧。写起来有点类似C#

安装Fiddler Script Editor

你可以直接用notepadCustomRules.js文件，

强烈推荐下载 Fiddler Script Editor 地址是：　http://www.fiddler2.com/fiddler/fse.asp

Fiddler Script Editor 提供了语法高亮，以及智能提示的功能，如下图:

Fidder

CustomRules.js中的主要方法

// 在这个方法中修改Request的内容，我们用得最多,

static function OnBeforeRequest(oSession: Session)

// 在这个方法中修改Response的内容，

static function OnBeforeResponse(oSession: Session)

// 在个方法中包含Fiddler 命令。在Fiddler界面中左下方的QuickExec Box

static function OnExecAction(sParams: String[])

给Fiddler添加菜单

Fiddler可以模拟各种浏览器，你可以通过点击菜单 Rules->User-Agents

不过好像没有Iphone 4S safari 的，我们现在添加一个。先查询在网上Iphone 4S safari 的user-Agents, 然后添加如下代码代码就可以了

RulesStringValue(23, "Iphone 4S safari", "Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531.22.7")

保存脚本，重启Fiddler就可以看到菜单中多了个Iphone 4s

Fidder

你可以把你常用的操作，都定义成一个menu，

修改Session在Fiddler的显示样式

我们可以控制Session在Fiddler中显示的样式，具体文档是： http://www.fiddler2.com/Fiddler/dev/SessionFlags.asp

把这段脚本放在OnBeforeRequest(oSession: Session) 方法下，并且点击"Save script", 这样所有的cnblogs的会话都会显示红色.

     if (oSession.HostnameIs("www.cnblogs.com")) {
            oSession["ui-color"] = "red";
        }

运行效果如

Fidder

如何在Fiddler Script中修改Cookie

cookie其实就是request 中的一个header.

// 删除所有的cookie

oSession.oRequest.headers.Remove("Cookie");

// 新建cookie

oSession.oRequest.headers.Add("Cookie", "username=testname;[email protected]");

注意: Fiddler script不能直接删除或者编辑单独的一个cookie，你需要用replace方法或者正则表达式的方法去操作cookie的string

static function OnBeforeRequest(oSession: Session) 
{ 
     if (oSession.HostnameIs('www.example.com') && 
          oSession.uriContains('pagewithCookie') && 
oSession.oRequest.headers.Contains("Cookie")) 
     {

var sCookie = oSession.oRequest[“Cookie”];

// 用replace方法或者正则表达式的方法去操作cookie的string
sCookie = sCookie.Replace(“cookieName=”, “ignoreme=”);

oSession.oRequest[“Cookie”] = sCookie;
}

如何在Fiddler Script中修改Request 中的body

方法一:

static function OnBeforeRequest(oSession: Session) 
{ 
    if(oSession.uriContains("http://www.cnblogs.com/TankXiao/"))
    {
        // 获取Request 中的body字符串
        var strBody=oSession.GetRequestBodyAsString();
        // 用正则表达式或者replace方法去修改string
        strBody=strBody.replace("1111","2222");
        // 弹个对话框检查下修改后的body               
        FiddlerObject.alert(strBody);
        // 将修改后的body，重新写回Request中
        oSession.utilSetRequestBody(strBody);
    }
}

方法二: 提供了一个非常简单的方法，可以直接替换body中的数据

oSession.utilReplaceInRequest("1111", "2222");

之前已经写过两篇Fiddler的文章了，分别是【Fiddler教程】【Fiddler script用法】。我准备把Fiddler写成一个系列。

Fiddler的功能还有很多，很多功能都没有被挖掘出来。这次我们介绍Fiddler中的一个非常有用的功能Composer，是用来创建和发送HTTP Request的。Composer的使用方法很简单，看下就知道用了。

阅读目录

Fiddler Composer介绍

Composer的官方帮助文档：http://www.fiddler2.com/fiddler/help/composer.asp

Fiddler的作者把HTTP Request发射器取名叫Composer(中文意思是：乐曲的创造者), 很有诗意

Fiddler Composer的功能就是用来创建HTTP Request 然后发送。你可以自定义一个Request, 也可以手写一个Request, 你甚至可以在Web会话列表中拖拽一个已有的Request. 来创建一个新的HTTP Request.

Fidder

Fiddler Composer比其他工具的优势

能创建发送HTTP Request的工具很多很多。但是Fiddler的功能有如下的优势。

1. 能从"Web会话列表"中拖拽一个先前捕获到的Request, 然后稍微修改一下

2. 发送Request后，还能设置断点，继续修改Request.

3. 支持在Request中上传文件

4. 支持发送多次Request.

实例: 模拟京东商城的登录

启动Fiddler, 启动IE, 打开京东，然后输入用户名和密码，登录。 Fiddler 将捕获到这个登录的Request.

1. 首先找出哪个Request 是用来登录的，然后把它拖拽到Composer中。

[用来登录的request是这个: https://passport.360buy.com/uc/loginService?uuid=6bc79fbf-e882-49bb-b63a-6fd6ee448944]

2. 在Composer可以看到，登录是使用POST方法，把用户名和密码发送给服务器。那么我们可以修改Composer中的request内容，比如用户名为:[email protected],密码为test1234。

3. Request造好了后，我们按"Execute" 按钮就可以发送Request了(如果按住Shift键的同时，按"Execute". Fiddler会自动给这个Request下断点)。

4. 发送的Request，将出现在左边的Web Session列表中。

Fidder

Parsed和Raw两种编辑模式

Fiddler Composer有两种编辑模式

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

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

同类工具- Firefox插件Rest Client

Firefox也有一个插件叫Rest Client，使用起来也很方便

Fidder

同类工具: Linux上的Curl

curl是个命令行工具，功能也很强大

Fidder

Fiddler (五) Mac下使用Fiddler

Fiddler是用C#开发的。所以Fiddler不能在Mac系统中运行。没办法直接用Fiddler来截获MAC系统中的HTTP/HTTPS, Mac 用户怎么办呢？

Fiddler可以允许“远程连接”。我们可以利用这个间接来实现Fiddler捕获Mac系统发出的HTTP/HTTPS

阅读目录：

使用虚拟机

Mac中安装虚拟机软件（比如VMware Fusion）. 然后在虚拟机中安装一个 Windows7系统（别的Window系统都可以），然后在Windosw7中安装Fiddler

虚拟机的网络使用“Bridged” 模式

采用"Bridged" 模式，可以让虚拟机上运行的Windows7系统，就像局域网里的一台独立的主机，拥有独立的IP地址

Fidder

配置虚拟机上的Fiddler, 允许“远程连接”

在虚拟机中，打开Fiddler Tools-> Fiddler Options 。（配置完后记得要重启Fiddler）.

选中"Decrpt HTTPS traffic", Fiddler就可以截获HTTPS请求

选中"Allow remote computers to connect". 是允许别的机器把HTTP/HTTPS请求发送到Fiddler上来

Fidder

获取虚拟机Windows7的IP地址

这个太简单了，直接在CMD中运行ipconfig. 就可以得到Windows7的IP地址，

或者你可以在Fiddler中得到IP地址。把鼠标放在 Fiddler 工具栏上的 “Online” 上就可以了

Fidder

配置Mac,把代理服务器指向Fiddler

在Mac 系统中，打开System Preferences ->Network->Advanced...->Proxies 中

选择“Web Proxy (HTTP)” 输入IP地址10.29.56.93和端口8888

选择“Secure Web Proxy (HTTPS)” 输入IP地址10.29.56.93和端口8888

Fidder

大功告成，开始抓包

现在Mac上面任何程序（比如Safari, Firefox, Itunes, App Store）发出的HTTP/HTTPS都可以被Fiddler获取。

实例：　在Mac上，打开Safari，　　

1. 输入http://www.cnblogs.com/tankxiao. 看看Fiddler能否捕获。

2. 输入https://dynamic.12306.cn/otsweb/ 看看Fiddler能否捕获。

是不是HTTP和HTTPS都截获到了？？？？，你不但能截获，还可以下断点，修改Request, 修改Response, Do what you want.

用完后，记得在Mac中禁止代理

每次用完，一定要记得把Mac上的代理禁止掉，否则容易造成Mac无法上网。

Fidder

Fiddler 教程

Fiddler的基本介绍

Fiddler的工作原理

同类的其它工具

Fiddler 如何捕获Firefox的会话

Firefox 中安装Fiddler插件

Fiddler如何捕获HTTPS会话

Fiddler的基本界面

Fiddler的HTTP统计视图

QuickExec命令行的使用

Fiddler中设置断点修改Request

Fiddler中设置断点修改Response

Fiddler中创建AutoResponder规则

Fiddler中如何过滤会话

Fiddler中会话比较功能

Fiddler中提供的编码小工具

Fiddler中查询会话

Fiddler中保存会话

Fiddler的script系统

如何在VS调试网站的时候使用Fiddler

Response 是乱码的

Fiddler的作者

遇到问题如何向Fiddler的作者请教

关于Fiddler Script

Fiddler Script 是用JScript.NET语言写的

安装Fiddler Script Editor

CustomRules.js中的主要方法

给Fiddler添加菜单

修改Session在Fiddler的显示样式

如何在Fiddler Script中修改Cookie

如何在Fiddler Script中修改Request 中的body

Fiddler Composer介绍

Fiddler Composer比其他工具的优势

实例: 模拟京东商城的登录

Parsed和Raw两种编辑模式

同类工具- Firefox插件Rest Client

同类工具: Linux上的Curl

Fiddler (五) Mac下使用Fiddler

使用虚拟机

虚拟机的网络使用“Bridged” 模式

配置虚拟机上的Fiddler, 允许“远程连接”

获取虚拟机Windows7的IP地址

配置Mac,把代理服务器指向Fiddler

大功告成， 开始抓包

用完后，记得在Mac中禁止代理

相关推荐

大功告成，开始抓包