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

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

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

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

Fiddle安装

Download Fiddle

请先选择版本下载,双击即可安装。

工作原理

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

Fiddle

常见使用环境

Fiddle

工具条常用功能

Fiddle

工具栏从左到右按钮功能分别为: 1.增加备注——选中某个会话,点击按钮,可对会话添加备注 2.回放按钮——选中某个会话,点击按钮,回放对该会话的请求。快捷键为R 3.清空监控面板 4.调试Debug 5.模式切换——在流模式和缓冲模式之间切换,默认缓冲模式 6.解压请求——将HTTPS的请求解压,以便查看 7.保持会话——考虑电脑性能,自行选择 8.过滤请求——按下按钮不放,选择要捕获的软件进程,松开按钮,即可捕捉到该软件发出的所有请求 9.查找——点击,输入想查找的会话 10.保存会话 11.保存截图 12.计时器 13.快速启动浏览器 14.清除缓存 15.编码/解码

状态栏操作

Fiddle

1.上面黑色区域为控制台,用于输入命令。 2.下面从左到右分别为: (1)控制Fiddler是否工作——图标出现:表示Fiddler工作;图标消失:表示Fiddler不工作 (2)过滤会话来源 (3)记录当前展示的会话数量 (4)会话的详细地址

监控面板使用

Fiddle

左侧框中常见项:

"#"列:表示记录来自服务器端的请求会话 "Result"列:表示会话状态 "Protocol"列:表示协议 "Host"列:表示主机地址/域名

右侧框中常见项:

"Statistics"项:表示请求的性能指标 "Show Chart"项:表示可视化 "Inspectors"项:表示对请求解包 "AutoResponder"项:表示文件代理 "Composer"项:表示前后端接口连调 "Log"项:表示记录log日志 "Timeline"项:表示网站性能分析

文件、文件夹代理和HOST配置

HOST配置

这个功能主要作用就是不需要每次配置hosts都到windows目录下去修改hosts文件;可以直接方便在fiddler界面里面配置即可;方便快速的配置自己的测试host。

步骤如下:Tools》HOSTS》激活Enable功能》选择服务器IP,修改要配置的Host的IP》save》刷新可启用

Fiddle

文件、文件夹代理

选中文件,拖入AutoResponders界面》精准匹配》选择本地文件》保存即可生效

Fiddle

请求模拟,前后端接口调试

Fiddle

网速限制

方法一:

Fiddle提供了一个功能,让我们模拟低速网路环境…启用方法如下:Rules → Performances → Simulate Modem Speeds (如下图)

Fiddle

方法二:

Fiddler也可以自己定义Modem Speeds.点开Rules → Customize Rules (如下图)

Fiddle

此时,如果没有安装FiddleScript插件,会弹出提示安装,点击确认即可安装;如果有安装插件,会弹出CustomRules.js的代码,找m_SimulateModem这个字,你会找到下面这段:

Fiddle

这就是他模拟网路速度的原理,每上传/下载1KB 要delay 多久。如果你习惯用kbps 去算的话,那么我们的算法就是 1000/下载速度 = 需要delay的时间(毫秒),比如50kb/s 需要delay200毫秒来接收数据。

请注意,当你存档之后,原本已经勾选的Simulate Modem Speeds 会被取消勾选,要记得再到Rules → Performances → Simulate Modem Speeds 勾选,这样限制网速就成功了。

常用插件

插件官方下载地址:www.telerik.com/fiddler/add-ons。Fiddle也支持第三方插件。

以下推荐几款插件:

1.代码格式化插件:JavaScript Formatter。安装完重启,右击会话,选择“Make JavaScript Pretty”,即可。如下图。

Fiddle

2.对比会话插件:Traffic Differ。安装完重启,可在“监控面板”右侧找到“Differ”选项,点击,拖动多个会话即可对比信息。如下图。

Fiddle

常见命令

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