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地址

Fiddler (一) 教程（Web调试工具）相关推荐

  1. Fiddler教程（Web调试工具）

    转载地址:写得很不错的fildder教程   http://kb.cnblogs.com/page/130367/ http://www.cnblogs.com/anny-1980/p/4537914 ...

  2. (转）Fiddler教程（Web调试工具）

    Fiddler的基本介绍 Fiddler的官方网站:  www.fiddler2.com Fiddler的官方帮助:http://docs.telerik.com/fiddler/knowledgeb ...

  3. Fiddler web 调试工具

    一个很不错的web站点调试工具 Fiddler可以帮您记录,调试Microsoft Internet Explorer与Web应用程序的交互,找到Web程序运行性能的瓶颈,还有如查看向Web服务器发送 ...

  4. Fiddler抓包工具是最强大最好用的 Web 调试工具之一

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

  5. web调试工具使用fiddler

    使用web调试工具的好处: 使用web调试工具可以使用直接在windows端运行,不用再烧录到设备端运行(烧录设备比较浪费时间,如果web经常 需要改动的情况) 工具名称为fiddler web de ...

  6. Fiddler基础教程 - 3. 抓包 | 设置断点 | 捕获设置 | 重定向AutoResponder | 过滤Filters

    本来想自己写的,结果翻到一系列的博客,发现有前辈总结的太好了,转载过来,当知识点查询一下.外加自己总结的一些经验,我总结的放在了最后面. 原地址:https://www.cnblogs.com/sjl ...

  7. Web调试工具：火狐Firefox插件Firebug介绍

    Web调试工具:火狐Firefox插件Firebug介绍 什么是Firebug Firebug是Firefox下的一款开发类插件,现属于Firefox的五星级强力推荐插件之一.它集HTML查看和编辑. ...

  8. Fiddler使用教程（收藏）

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

  9. Mdebug：基于React开发的移动web调试工具

    作者:thinkchen,腾讯 PCG 高级前端开发工程师 mdebug是腾讯新闻 TNTWEB 团队推出的基于React开发的新的web调试工具, 沉淀自腾讯新闻微信手 q 双插件多年的移动 web ...

最新文章

  1. jFreeChary初探
  2. Flutter RichText支持自定义文本溢出效果
  3. 技术上根本不思进取的金山词霸2007
  4. chosen jquery ajax搜索,基于chosen插件实现人员选择树搜索自动筛选功能
  5. python中superclass是什么_Python中super()函数简介及用法分享
  6. 华为屏下前置摄像头专利曝光：消灭刘海
  7. 95-30-018-Channel-AbstractNioByteChannel
  8. python中的join函数连接dataframe_python pandas处理CSV文件并使用join()方法拼接两个dataframe...
  9. perl语言入门学习
  10. 嵌入式软件开发是什么？
  11. 获取计算机用户名 方法
  12. 安装vue-cli脚手架使用swiper
  13. Win7共享文件夹别人访问不了？
  14. 【UCOSii源码解析】事件控制块
  15. 迈向大神之路day006
  16. 多元线性方程的几种解法
  17. mind思维导图软件
  18. unity animator动画播放完毕后执行
  19. 2023软件测试最难求职季，哪些测试技能更容易拿到offer？
  20. 农委系统先进集体推荐报告_关于开展全省农林农经系统先进集体和先进工作者（劳动模范）评选推荐工作的通知...

热门文章

  1. 美团数据平台Kerberos优化实战
  2. 论文小综 | Using External Knowledge on VQA
  3. Promise源码解析
  4. Android官方开发文档Training系列课程中文版：分享简单数据之添加简单的分享行为
  5. python 词云小demo
  6. 抽奖系统的流量削峰方案
  7. python函数：基础函数调用整理
  8. 事件(二)：事件处理程序
  9. [数位dp] bzoj 3209 花神的数论题
  10. 微信 小程序 canvas