一.工作环境
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、控制台
可输入help查看相关命令
2、Capturing
点击该按钮,Fiddler停止工作
3、Web Broswers
选择需要监控的会话来源,旁边数字为记录当前会话数量
六.监控面板试用
记录来自于Web Server请求的会话
七.文件、文件夹代理和HOST配置
1、host配置
Tools-HOSTS,如下图所示
弹出界面,勾选Enable选项,输入请求服务器地址和域名
Repaly后,服务器IP会变为配置的地址。
注:关闭host配置功能,取消勾选配置界面Enable选项,或退出Fiddler
2、文件替换
将请求的文件映射到本地
进入AutoResponder面板,将请求拖入该面板,点击精确选择框-Find a file,如图所示
选择本地创建相同名称的文件,再次执行该请求,返回的文件内容为替换后的内容
八.请求模拟、前后端接口调试
参考[Fiddler之HTTP接口测试.DOCX]
九.网络限速
基于FiddlerScript插件(若没有,进入官网下载:fiddler2.com/add-ons)
1、 进入FiddlerScript面板
2、 找到OnBeforeRequest方法,添加代码:oSession["request-trickle-delay"] = "3000",设置请求3秒后发送;设置响应延时:oSession["response-trickle-delay"] = "1500"
十.代码格式化插件
官网下载JavaScript Formatter插件
格式化前JS文件内容被压缩,内容显示如下图所示
若已安装该插件,右击回话,点击Make JavaScript Pretty
显示格式如下图所示
十一.HTTP代理插件
Fiddler支持第三方插件,例如:Willow
该插件功能:
1、 可视化管理host列表,点击选中或取消勾选,设置是否启用
2、 可视化限速
修改delay值的大小,进行网速设置
下载地址:https://pan.baidu.com/s/1mgocpBi