跟着视频学习使用Fiddler,视频地址 http://www.imooc.com/learn/37
第1章 Fiddler工具简介
Fiddler工作环境
Fiddler工作原理
通过修改浏览器的代理服务器地址,Fiddler截获所有浏览器发出的请求。 代理模式: 1. 流模式(streaming):可实时把服务器数据返回给客户端。最大优点,更接近于浏览器本身真实的行为。 2. 缓冲模式(buffering):http请求所有的数据都准备好之后,才把数据返回给客户端。最大优点,可控制最后的服务器响应。
Fiddler使用场景
(1)开发环境host配置
通常情况下,配置host需要改变系统文件很不方便,在多个开发环境下切换很低效 fiddler提供了相对高效的host配置方法
(2)前后端接口调试
通常情况下,调试前后端的接口需要真是的环境,一大推假数据,写javascript代码 fiddler只需要一个ui界面进行配置即可
(3)线上bugfix
fiddler可以将发布文件代理到本地,快速定位线上bug
(4)性能分析和优化
fiddler会提供请求的实际图,清晰明了,网站需要优化的部分
第2章 Fiddler界面操作介绍
Fiddler工具条常用功能
- Replay:重新发出请求,快捷键 R
- Go:断点继续执行
- Stream:按下为流模式,默认缓冲模式
- Decode:解压请求返回的数据
- All sessions:保存的会话越多,越占性能
- Any Process:按下按钮,出现十字,移到要监视的浏览器上,后放开鼠标即可
- Find:可设置高亮颜色
- Save:保存请求
- TextWizard:编码/解码
- Tearoff:分离面板
- MSDN Search:Fiddler是.net开发的
Fiddler状态栏操作
- 控制台:底部黑色一条,可输入命令
- Capturing:控制Fiddler是否工作
- Web Browsers(Capturing右侧按钮):过滤会话来源
Fiddler监控面板的使用
- Statistics: RTT:往返时间。
- Inspectors:查看各种请求参数,包括form表单提交的参数。
- AutoResponder:文件代理,服务器上的文件使用本地文件代理。定位线上网站的bug。
- Composer:前后端接口连调,修改请求参数,伪造请求。在不改任何js代码的情况下,调试服务器接口。
- Timeline
第3章 Fiddler常用功能
Fiddler文件、文件夹代理和HOST
- host配置:Tools->HOSTS 设置host。不会去读取system文件夹下的host文件,所以要激活或关闭host时,不用去修改host文件,而只要在Fiddler中关闭hosts功能或者关闭Fiddler。可用host管理插件。
- AutoResponder:文件替换,把线上文件映射到本地,进行修改,然后进行调试。