1、开发环境host配置
自己修改系统的host来回挺麻烦的
2、前后的接口调试
3、线上bugfix
4、性能分析和优化
5.等等...
工作原理
一个代理服务器
地址改为 127.0.0.1:8888
流模式
边走边返回
缓冲模式
http请求完成所有的数据之后,才返回
界面功能介绍
1.工具栏
状态栏
1.黑色区域
控制台
help
2.左侧第一个
点击一下后fiddler不工作了
3.第二个针对对应的url选择
4.第三个点击url的详细url地址
监控面板的使用(其他博客有详解,我简单介绍一下)
1.statistics(统计数)
show chat 可以看图
性能的检测
RTT:请求往返时间,是衡量请求性能的重要指标
2.inspectors(抓包)
headres
3.AutoResponder: 文件代理,可以把请求的资源用本地文件代理掉,方便调试线上bug文件(当网站出现bug时,可以使用AutoResponder来快速定位bug在哪个文件)
4.Composer: 前后端端口连调,可以用来伪造请求--需要后端接口
5.Log: 记录日志
6.Timeline:网站性能分析
7.Filters:过滤网站
8.Fiddlerscript
这方面的详细使用见最下方的博客参考资料
附带图标的含义图片
1.请求正在被发往服务器
2.正在从服务器接收请求内容
3.请求被一个断点停住了。
4.响应被一个断点停住了。
5.请求使用HEAD方法,响应应该没有响应体。
6.请求使用POST方法
7.请求使用了HTTPS
8.返回内容为HTML页面
9.返回内容为JS脚本
10.返回内容为CSS
上面的图标后面的英文的意思依次为:
11.返回内容为XML文件
12.返回内容为JSON文件
13.返回内容为音频文件
14.返回内容为视频文件
15.返回内容为Silverlight
16.返回内容为Flash
17.返回内容为字体文件
18.一般成功的响应
19.响应被重定向了,通过HTTP/300,301,302,303 or 307
20.HTTP 304 请求
21.返回一个需要客户端证书验证的请求
22.服务器端错误
23.会话被客户端、Fiddler、服务器意外终止。
常用功能
1.host配置
tool
HOSTS
enable
打上对号
作用
把所有文件映射到另一台服务器
2.文件代理
调整映射的文件
3.前后端调试
目的
前端页面没有完成的情况下,后端可以用fiddler模拟http请求,联调接口
操作
Composer -> 选择请求方式 GET -> copy 地址 参数-> excuete
Get参数跟在URL后面,参数以 & 连接
POST参数一般要放到RequestBody中
可以伪造Cookie(Request Headers中设置)
类似的插件
postman
httprequest
4.网络限速
功能需要基于 fiddler 的插件
有点难度,这里copy的别人的笔记
点击fiddlerScript 在代码里找到onBeforeRequest
FiddlerScript -> static function OnBeforeRequest ->
oSession["request-trickle-delay"]="3000";//请求阶段延迟
osession["response-trickle-delay"] = "3000";//请求立刻发出,回应延迟三秒
Save Script(保存脚本),发送请求
插件
1.代码格式化插件
暂时用不到,跳过学习
这里是视频资料
https://www.imooc.com/video/399
2.对比会话插件
Traffic Differ
https://www.telerik.com/fiddler/add-ons
3.网络限速插件
4.http代理插件
官方插件网址
https://www.telerik.com/fiddler/add-ons
需要额外提的一点
开启fiddler时,git pull数据的时候会带来502fiddler错误,关掉就可以了对git的监控就好了
思维导图
高清Xmind文件请移步下载
https://gitee.com/hugo110/xmind-Think-notes/blob/master/%E7%9F%A5%E8%AF%86%E7%82%B9/Fiddler%E7%AC%94%E8%AE%B0.xmind
参考资料
1.基于慕课网的课程
2.fidler别人的博客教程