Fiddler工具使用

Posted 2020-10-14

跟着视频学习使用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：文件替换，把线上文件映射到本地，进行修改，然后进行调试。