Fiddler工具的使用
安装步骤
fiddler下载地址
1、点击安装程序
2、点击同意协议
3、设置安装目录
4、点击关闭按钮,安装成功
工作原理
客户端与服务器创建一个代理服务器,fiddler就是这个代理服务器,客户端所有请求服务器的请求,都要通过fiddler才能到达服务器
代理模式
- 流模式(streaming)
可实时把服务器数据返回给客户端
更接近浏览器本身真实的行为
- 缓冲模式(buffering)
http请求所有的数据都准备好了之后
才把数据返回给客户端
使用场景
开发环境host配置
通常情况下
配置host需改系统文件很不方便
在多个开发环境下切换很低效
Fiddler提供了相对高效的host配置方法
前后端接口调试
通常情况下
调试前后端接口需真实的环境
一大堆假数据
写JavaScript
Fiddler只需一个UI界面进行配置即可
线上bugfix
Fiddler可将发布文件代理到本地
快速定位线上bug
性能分析和优化
Fiddler会提供请求的实际图
清晰明了
网站需优化的部分
界面功能介绍
会话添加注释
气泡:备注。添加之后在会话栏的Comment列中显示备注内容
回放会话
Replay:回放。重播一个会话。快捷键:”选中会话+R”
清空监控面板
清除会话面板:过滤请求、清除请求
调试debug
断点调式。配合状态栏上的断点工具。功能类似Debug
模式切换
Stream:代理模式。默认:缓冲模式。点击进行切换
解压请求
Decode:解压请求。解压http请求里面的东西,帮助查看
保持会话
Keep:指示fiddler的保持会话数目
Fiddler保持会话次数越多约占内存
过滤请求
Any Process:捕获请求,只看需要的请求。将“靶心”投向需要的请求
保存截图
计时器
第一次点击-开始计时;第二次点击–返回计时结果;第三次点击-清零,重新计时。右键点击—不计时
查找请求
Find:查找请求。用颜色标注查找的请求
浏览器
Browse:启动浏览器
清除缓存
Clear Cache:清空缓存
编码/解码
编码、解码文本内容
分离面板
Tearoff:浮窗
MSDN搜索
控制台
控制Fiddler是否工作
过滤会话来源
Fiddler监控面板的使用
1、监控面板
2、数据统计
Statistics:数据统计面板。性能分析
ClientConnected :客户端创建连接时间
ClientBeginRequest:获取请求头时间
GotRequestHeaders:客户端完成请求时间
ClientDoneRequest:客户端完成请求时间
FiddlerBeginRequest:Fiddler代理服务器开始请求时间
ServerGotRequest:服务器获得请求时间
ServerBeginResponse: 服务器开始响应时间
GotResponseHeaders:获取响应头时间
ServerDoneResponse: 服务器完成响应时间
ClientBeginResponse: 客户端开始响应时间
ClientDoneResponse:客户端完成响应时间
3、性能测试在世界范围内
RTT:一个请求从发送到返回相应的时间
4、对请求解包
5、文件代理
前后端接口连调
Composer:前后端接口连调
常用功能
Fiddler文件、文件夹代理和host配置
Fiddler抓包简介
Fiddler是通过改写HTTP代理,让数据从它那通过,来监控并且截取到数据。当然Fiddler很屌,在打开它的那一瞬间,它就已经设置好了浏览器的代理了。当你关闭的时候,它又帮你把代理还原了
打开IE11浏览器——>Internet选项(O)