一．工作环境
Fiddler是一款可以提高工作效率的工具，详见官网fiddler2.com
二．工作原理
Fiddler 是以代理web服务器的形式工作的，它使用代理地址:127.0.0.1，端口:8888。当Fiddler退出的时候它会自动注销，这样就不会影响别的 程序。不过如果Fiddler非正常退出，这时候因为Fiddler没有自动注销，会造成网页无法访问。解决的办法是重新启动下Fiddler。
同类的工具有: httpwatch, firebug, wireshark。
三．常见试用场景
1．开发环境HOST配置
通常情况下，配置host需改系统文件，很不方便；在多个开发环境下切换很低效。Fiddler提供了相对高校的host配置方法
2．前后端接口调试
调试前后端接口，需要真实的环境、一大堆假数据、写JS代码，Fiddler只需一个UI界面配置即可
3．线上bugfix
Fiddler可将发布的文件代理到本地，快速定位上线bug。
4．性能分析和优化
Fiddler会提供请求实际图，清晰明了网站需求化的部分。
四．工具条常用功能
1.png
五．状态栏操作
1、控制台
可输入help查看相关命令
2.png
2、Capturing
点击该按钮，Fiddler停止工作
3.png
3、Web Broswers
选择需要监控的会话来源，旁边数字为记录当前会话数量
4.png
六．监控面板试用
记录来自于Web Server请求的会话
5.png
七．文件、文件夹代理和HOST配置
1、host配置
Tools-HOSTS，如下图所示
6.png
弹出界面，勾选Enable选项，输入请求服务器地址和域名
7.png
Repaly后，服务器IP会变为配置的地址。
注：关闭host配置功能，取消勾选配置界面Enable选项，或退出Fiddler
2、文件替换
将请求的文件映射到本地
进入AutoResponder面板，将请求拖入该面板，点击精确选择框-Find a file，如图所示
8.png
选择本地创建相同名称的文件，再次执行该请求，返回的文件内容为替换后的内容
八．请求模拟、前后端接口调试
参考[Fiddler之HTTP接口测试.DOCX]
九．网络限速
基于FiddlerScript插件（若没有，进入官网下载：fiddler2.com/add-ons）
9.png
1、 进入FiddlerScript面板
2、 找到OnBeforeRequest方法，添加代码：oSession["request-trickle-delay"] = "3000"，设置请求3秒后发送；设置响应延时：oSession["response-trickle-delay"] = "1500"
十．代码格式化插件
官网下载JavaScript Formatter插件
格式化前JS文件内容被压缩，内容显示如下图所示
10.png
若已安装该插件，右击回话，点击Make JavaScript Pretty
11.png
显示格式如下图所示
12.png
十一．HTTP代理插件
Fiddler支持第三方插件，例如：Willow
该插件功能：
1、 可视化管理host列表，点击选中或取消勾选，设置是否启用
13.png
2、 可视化限速
修改delay值的大小，进行网速设置
14.png
下载地址：https://pan.baidu.com/s/1mgocpBi
网友评论