From：http://kb.cnblogs.com/page/130367/

 

 

Fiddler的基本介绍

 

Fiddler 官方网站：http://www.fiddler2.com
Fiddler 官方帮助：http://docs.telerik.com/fiddler/knowledgebase/quickexec
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。

 

 

同类的其它工具

 

　　同类的工具有： httpwatch、firebug、wireshark

 

 

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.

 

 

Fiddler如何捕获HTTPS会话

 

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

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

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

 

 

　　Fiddler的基本界面

 

　　看看Fiddler的基本界面

 

 

　　Fiddler的HTTP统计视图

 

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

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

 

 

　　QuickExec命令行的使用

 

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

　　常见得命令有：

    　　help    ： 打开官方的使用页面介绍，所有的命令都会列出来
    　　cls      ：清屏  (Ctrl+x 也可以清屏)
    　　select ：  选择会话的命令
    　　?.png  ：用来选择png后缀的图片
    　　bpu     ：截获 request

 

 

　　Fiddler 中设置断点修改 Request

 

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

    　　第一种：打开Fiddler 点击Rules-> Automatic Breakpoint  ->Before Requests(这种方法会中断所有的会话)。
                如何消除命令呢？  点击Rules-> Automatic Breakpoint  ->Disabled
    　　第二种: 在命令行中输入命令:  bpu www.baidu.com   (这种方法只会中断www.baidu.com).
                如何消除命令呢？  在命令行中输入命令 bpu

　　看个实例，模拟博客园的登录， 在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. 结果是正确地登录了博客园

 

 

　　Fiddler 中设置断点修改 Response

 

　　当然 Fiddler中也能修改 Response：

　　第一种：打开Fiddler 点击Rules-> Automatic Breakpoint  ->After Response  (这种方法会中断所有的会话)
        　　如何消除命令呢？  点击Rules-> Automatic Breakpoint  ->Disabled
　　第二种:  在命令行中输入命令:  bpuafter www.baidu.com   (这种方法只会中断www.baidu.com)
        　　如何消除命令呢？  在命令行中输入命令 bpuafter,

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

 

 

　　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博客园首页， 你会看到首页的图片用的是本地的。

 

 

　　Fiddler 中如何过滤会话

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

 

　　Fiddler 中会话比较功能

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

 

　　Fiddler 中提供的编码小工具

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

 

　　Fiddler 中查询会话

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

 

　　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... 如下图

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

　　在里面我们就可以编写脚本了， 看个实例让所有 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 就可以了

 

 

HTTP Request header

 

　　使用 Fiddler 能很方便的查看 Reques header, 点击 Inspectors tab -> Request tab -> headers  如下图所示.

　　header 有很多，比较难以记忆，我们也按照Fiddler那样把header 进行分类，这样比较清晰也容易记忆。

 

Cache 头域

　　If-Modified-Since

　　作用： 把浏览器端缓存页面的最后修改时间发送到服务器去，服务器会把这个时间与服务器上实际文件的最后修改时间进行对比。如果时间一致，那么返回304，客户端 就直接使用本地缓存文件。如果时间不一致，就会返回200和新的文件内容。客户端接到之后，会丢弃旧文件，把新文件缓存起来，并显示在浏览器中。

　　例如：If-Modified-Since: Thu, 09 Feb 2012 09:07:57 GMT

　　实例如下图

　　If-None-Match

　　作用: If-None-Match和ETag一起工作，工作原理是在HTTP Response中添加ETag信息。 当用户再次请求该资源时，将在HTTP Request 中加入If-None-Match信息(ETag的值)。如果服务器验证资源的ETag没有改变（该资源没有更新），将返回一个304 状态告诉客户端使用 本地缓存文件。否则将返回200状态和新的资源和Etag.  使用这样的机制将提高网站的性能

　　例如: If-None-Match: "03f2b33c0bfcc1:0"

　　实例如下图

　　

Pragma

　　作用： 防止页面被缓存， 在HTTP/1.1版本中，它和Cache-Control:no-cache作用一模一样
　　Pargma 只有一个用法， 例如： Pragma: no-cache
　　注意: 在HTTP/1.0版本中，只实现了Pragema:no-cache, 没有实现Cache-Control

 

Cache-Control　　

        作用: 这个是非常重要的规则。 这个用来指定Response-Request 遵循的缓存机制。各个指令含义如下
　　Cache-Control:Public   可以被任何缓存所缓存（）
　　Cache-Control:Private     内容只缓存到私有缓存中
　　Cache-Control:no-cache  所有内容都不会被缓存
　　还有其他的一些用法， 我没搞懂其中的意思， 请大家参考其他的资料

 

Client 头域

Accept　　

　　作用： 浏览器端可以接受的媒体类型,
　　例如：  Accept: text/html  代表浏览器可以接受服务器回发的类型为 text/html  也就是我们常说的html文档,
　　如果服务器无法返回text/html类型的数据，服务器应该返回一个406错误(non acceptable)
　　通配符 * 代表任意类型
　　例如  Accept: */*  代表浏览器可以处理所有类型，(一般浏览器发给服务器都是发这个)

 

Accept-Encoding：

　　作用： 浏览器申明自己接收的编码方法，通常指定压缩方法，是否支持压缩，支持什么压缩方法（gzip，deflate），（注意：这不是只字符编码）;

　　例如： Accept-Encoding: gzip, deflate

　　

Accept-Language

　　作用： 浏览器申明自己接收的语言。 

　　语言跟字符集的区别：中文是语言，中文有多种字符集，比如big5，gb2312，gbk等等；

　　例如： Accept-Language: en-us

 

User-Agent

　　作用：告诉HTTP服务器， 客户端使用的操作系统和浏览器的名称和版本.

　　我们上网登陆论坛的时候，往往会看到一些欢迎信息，其中列出了你的操作系统的名称和版本，你所使用的浏览器的名称和版本，这往往让很多人感到很 神奇，实际上，服务器应用程序就是从User-Agent这个请求报头域中获取到这些信息User-Agent请求报头域允许客户端将它的操作系统、浏览 器和其它属性告诉服务器。

　　例如： User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; CIBA; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; InfoPath.2; .NET4.0E)

 

Accept-Charset

　　作用：浏览器申明自己接收的字符集，这就是本文前面介绍的各种字符集和字符编码，如gb2312，utf-8（通常我们说Charset包括了相应的字符编码方案）；

　　例如：

　　Cookie/Login 头域

　　

Cookie:

　　作用： 最重要的header, 将cookie的值发送给HTTP 服务器

　　

Entity头域

Content-Length

　　作用：发送给HTTP服务器数据的长度。

　　例如： Content-Length: 38

 

Content-Type

　　作用：

　　例如：Content-Type: application/x-www-form-urlencoded

　　

Miscellaneous 头域

Referer:

　　作用： 提供了Request的上下文信息的服务器，告诉服务器我是从哪个链接过来的，比如从我主页上链接到一个朋友那里，他的服务器就能够从HTTP Referer中统计出每天有多少用户点击我主页上的链接访问他的网站。

　　例如: Referer:http://translate.google.cn/?hl=zh-cn&tab=wT

 

Transport 头域

Connection

　　例如：　Connection: keep-alive   当一个网页打开完成后，客户端和服务器之间用于传输HTTP数据的TCP连接不会关闭，如果客户端再次访问这个服务器上的网页，会继续使用这一条已经建立的连接

　　例如：  Connection: close  代表一个Request完成后，客户端和服务器之间用于传输HTTP数据的TCP连接会关闭， 当客户端再次发送Request，需要重新建立TCP连接。

 

Host（发送请求时，该报头域是必需的）

　　作用: 请求报头域主要用于指定被请求资源的Internet主机和端口号，它通常从HTTP URL中提取出来的

　　例如: 我们在浏览器中输入：http://www.guet.edu.cn/index.html

　　浏览器发送的请求消息中，就会包含Host请求报头域，如下：

　　Host：http://www.guet.edu.cn

　　此处使用缺省端口号80，若指定了端口号，则变成：Host：指定端口号

 

 

HTTP Response header

 

　　同样使用Fiddler 查看Response header, 点击Inspectors tab ->Response tab-> headers  如下图所示

　　我们也按照Fiddler那样把header 进行分类，这样比较清晰也容易记忆。

　　

Cache头域

　　Date

　　作用:  生成消息的具体时间和日期

　　例如：　Date: Sat, 11 Feb 2012 11:35:14 GMT 

　　Expires

　　作用: 浏览器会在指定过期时间内使用本地缓存

　　例如: Expires: Tue, 08 Feb 2022 11:35:14 GMT

　　Vary

　　作用：

　　例如: Vary: Accept-Encoding

　　Cookie/Login 头域

　　P3P

　　作用: 用于跨域设置Cookie, 这样可以解决iframe跨域访问cookie的问题

　　例如: P3P: CP=CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP COR

　　Set-Cookie

　　作用： 非常重要的header, 用于把cookie 发送到客户端浏览器， 每一个写入cookie都会生成一个Set-Cookie.

　　例如: Set-Cookie: sc=4c31523a; path=/; domain=.acookie.taobao.com

　　Entity头域

　　ETag

　　作用:  和If-None-Match 配合使用。 （实例请看上节中If-None-Match的实例）

　　例如: ETag: "03f2b33c0bfcc1:0"

　　Last-Modified:

　　作用： 用于指示资源的最后修改日期和时间。（实例请看上节的If-Modified-Since的实例）

　　例如: Last-Modified: Wed, 21 Dec 2011 09:09:10 GMT

　　Content-Type

　　作用：WEB服务器告诉浏览器自己响应的对象的类型和字符集,

　　例如:

　　Content-Type: text/html; charset=utf-8

　　Content-Type:text/html;charset=GB2312

　　Content-Type: image/jpeg

　　Content-Length

　　指明实体正文的长度，以字节方式存储的十进制数字来表示。在数据下行的过程中，Content-Length的方式要预先在服务器中缓存所有数据，然后所有数据再一股脑儿地发给客户端。

　　例如: Content-Length: 19847

　　Content-Encoding

　　WEB服务器表明自己使用了什么压缩方法（gzip，deflate）压缩响应中的对象。

　　例如：Content-Encoding：gzip

　　Content-Language

　　作用： WEB服务器告诉浏览器自己响应的对象的语言者

　　例如： Content-Language:da

　　Miscellaneous 头域

　　Server:

　　作用：指明HTTP服务器的软件信息

　　例如:Server: Microsoft-IIS/7.5

　　X-AspNet-Version:

　　作用：如果网站是用ASP.NET开发的，这个header用来表示ASP.NET的版本

　　例如: X-AspNet-Version: 4.0.30319

　　X-Powered-By:

　　作用：表示网站是用什么技术开发的

　　例如： X-Powered-By: ASP.NET

　　Transport头域

　　Connection

　　例如：　Connection: keep-alive   当一个网页打开完成后，客户端和服务器之间用于传输HTTP数据的TCP连接不会关闭，如果客户端再次访问这个服务器上的网页，会继续使用这一条已经建立的连接

　　例如：  Connection: close  代表一个Request完成后，客户端和服务器之间用于传输HTTP数据的TCP连接会关闭， 当客户端再次发送Request，需要重新建立TCP连接。

　　Location头域

　　Location

　　作用： 用于重定向一个新的位置， 包含新的URL地址