Fiddler使用教程

Posted 2021-04-30 web前端开发

1

Fiddle简介

         Fiddler是最强大最好用的Web调试工具之一，它能记录所有客户端和服务器的http和https请求，允许你监视，设置断点，甚至修改输入输出数据，Fiddler包含了一个强大的基于事件脚本的子系统，并且能使用.net语言进行扩展。

       你对HTTP协议越了解，你就能越掌握Fiddler的使用方法.你越使用Fiddler,就越能帮助你了解HTTP协议。

       Fiddler无论对开发人员或者测试人员来说，都是非常有用的工具。

       Fiddler的官方网站：（请复制到浏览器打开）

2

Fiddle安装  

请先选择版本下载，双击即可安装。

3

工作原理

4

常见使用环境

 

5

工具条常用功能

 

工具栏从左到右按钮功能分别为：1.增加备注——选中某个会话，点击按钮，可对会话添加备注2.回放按钮——选中某个会话，点击按钮，回放对该会话的请求。快捷键为R3.清空监控面板4.调试Debug5.模式切换——在流模式和缓冲模式之间切换，默认缓冲模式6.解压请求——将HTTPS的请求解压，以便查看7.保持会话——考虑电脑性能，自行选择8.过滤请求——按下按钮不放，选择要捕获的软件进程，松开按钮，即可捕捉到该软件发出的所有请求9.查找——点击，输入想查找的会话10.保存会话11.保存截图12.计时器13.快速启动浏览器14.清除缓存15.编码/解码

6

状态栏操作

 

7

监控面板使用

 

左侧框中常见项：

右侧框中常见项：

"Statistics"项：表示请求的性能指标"Show Chart"项：表示可视化"Inspectors"项：表示对请求解包"AutoResponder"项：表示文件代理"Composer"项：表示前后端接口连调"Log"项：表示记录log日志"Timeline"项：表示网站性能分析

8

文件/文件夹代理/HOST配置

HOST配置

这个功能主要作用就是不需要每次配置hosts都到windows目录下去修改hosts文件；可以直接方便在fiddler界面里面配置即可；方便快速的配置自己的测试host。

步骤如下：Tools》HOSTS》激活Enable功能》选择服务器IP，修改要配置的Host的IP》save》刷新可启用

文件、文件夹代理

选中文件，拖入AutoResponders界面》精准匹配》选择本地文件》保存即可生效

9

请求模拟,前后端接口调试

 

10

网速限制

方法一：

Fiddle提供了一个功能，让我们模拟低速网路环境…启用方法如下：Rules → Performances → Simulate Modem Speeds (如下图)

方法二：

Fiddler也可以自己定义Modem Speeds.点开Rules → Customize Rules (如下图)

此时，如果没有安装FiddleScript插件，会弹出提示安装，点击确认即可安装；如果有安装插件，会弹出CustomRules.js的代码，找m_SimulateModem这个字，你会找到下面这段：

这就是他模拟网路速度的原理，每上传/下载1KB 要delay 多久。如果你习惯用kbps 去算的话，那么我们的算法就是 1000/下载速度 = 需要delay的时间(毫秒)，比如50kb/s 需要delay200毫秒来接收数据。

请注意，当你存档之后，原本已经勾选的Simulate Modem Speeds 会被取消勾选，要记得再到Rules → Performances → Simulate Modem Speeds 勾选，这样限制网速就成功了。

11

常用插件

以下推荐几款插件：

1.代码格式化插件：javascript Formatter。安装完重启，右击会话，选择“Make JavaScript Pretty”,即可。如下图。

2.对比会话插件：Traffic Differ。安装完重启，可在“监控面板”右侧找到“Differ”选项，点击，拖动多个会话即可对比信息。如下图。

12

常见命令

help	//打开官方的使用页面介绍
select    //选择会话命令
?.png 	//用来选择png后缀的图片
cls    //清屏  (Ctrl+x 也可以清屏)
bpu  //截获request