fiddler简单入门介绍

主菜单介绍:

12345

1. File菜单

File菜单中的命令主要支持完成通过Fiddler来启动和停止web流量的捕获(capture),也可以加载或存储捕获的流量。

123

(1)Capture Traffic是个开关,可以控制是否把Fiddler注册为系统代理。当把Fiddler注册为系统代理时,所有依赖于WinINET代理的应用(如IE浏览器和其他浏览器)会把Web请求发送给Fiddler.

(2)New Viewer是用来打开一个新的fiddler窗口

(3)Load Archive用于重新加载之前捕获的以SAZ文件格式保存的流量。

(4)Save子菜单中的选项支持以多种方式把流量保存到文件中;该菜单选项和Web Session列表中的上下文菜单中的选项相同。

(5)Import Sessions...支持导入从其他工具捕获的流量,也支持导入以其他格式存储的流量。

(6)Export Sessions...支持把Fiddler捕捉到的Session以多种文件格式保存

(7)Exit菜单命令会取消把Fiddler注册为系统代理,并关闭工具栏

 

2,快捷菜单

234

第一个小气泡:增加备注,点击气泡即可对下面捕捉到的会话增加备注(一般很少使用)

Replay回放按钮:比较常用,捕捉到一个会话之后想回放这个会话,就可以点这个按钮。

remove按钮:清空监控面板,下面还附有很多remove规则,可以按照你的需要选择相应的remove内容,比如Remove all 清除所有; Images是清除所有图片请求等等。

go按钮:用于断点调试Debug,类似于Eclipse调试代码的F6,下图红圈中的位置
1、点击一下会出现一个蓝色向上的箭头,此时的意思是截获发送request的时会有一个断点,可以点击go按钮继续往下走
2、再点击一下会出现一个向下的绿色箭头,此时的意思是截获request返回时会有一个断点

Stream按钮:fiddler代理模式流模式与缓冲模式之间切换,默认是缓冲模式,按下即为流模式。
缓冲模式:当一个HTTP请求的所有内容全部返回给Fiddler时候才在界面展示出来;
流模式:Fiddler实时展示返回的内容

Decode按钮:解压请求,将HTTP返回的内容全部解压出来,方便查看。

Keep sessions: 保持sessions会话,默认为保持全部,按照你需求的大小,电脑内存的大小选择保持多少会话,毕竟越多约占用电脑资源。

靶心Any Process: 过滤请求,可以指定只抓取某个也面或者浏览器的请求,操作方式:按住靶心按钮,出现十字状,按住鼠标拖动到目标浏览器界面,可看到浏览器界面变成黑色,方开鼠标后按钮处会出现你只捕获的目标进程编号。

Find 查找功能:在众多会话中查找你需要的信息,上面有一些辅助条件,比如选择高亮颜色之类的。

Save 保存按钮:将所有的请求保存到saz文件下,可以再次打开使用。

照相机:保存截图

Browes: 快速启动浏览器按钮,下拉菜单里面有各种本机装有的浏览器,比如IE,Chrome,Firefox等

Clear Cache:清除浏览器缓存

TextWizard: 编码/解码问本内容,比如URL关键字解码/编码,Base64/JS String之类的解码,编码

Tearoff: 分离面板,将左边的会话面板与右边的面板分离,浮窗,取消分离的话是直接关闭分离出来的面板即可

控制台:可以在其中输入命令行,比如输入help,就会在浏览器中打开常用的命令
ccc

Capturing:控制Fiddler是否在工作,显示Capturing表示工作,空白表示不截取任何请求。(如上图)

控制面板使用:

eed

Statistics: 一个会话的数据统计信息,显示一些性能指标(时间),可以为优化提供依据
RTT:请求往返时间,是衡量请求性能的重要指标,还有一个全世界范围内的平均数据
show chart:数据可视化处理

Inspectors: 对请求进行解包,可以查看相应的请求和响应信息

AutoResponder: 文件代理,可以把请求的资源用本地文件代理掉,方便调试线上bug文件,具体如下:
线上bug定位Hotfix bug:(只指定某一个连接文件到指定的IP或者服务器)。
比如:发现线上某个文件出现bug时,现在要将此文件映射到本地环境(或者是非线上开发测试环境),做代码的修改之后快速的查看效果是否与预期一致,是否生效,是否能修复bug。
1、将请求拖入到AutoResponder中,可以看到最下方有一个EXAT,叫精准匹配(也支持正则表达式模糊匹配);
2、在下方可以选择本地(非线上测试开发环境)文件路径来进行测试查看结果,当然也可以选择其他的一些响应,比如200,500等状态。

Composer: 前后端接口连调,可以用来伪造请求--需要后端接口:修改里面的数据参数,伪造请求,再访问查看效果。

Log: 记录日志
Timeline:网站性能分析

1.备注功能,选中一个会话,为当前请求增加备注

2.回放功能,选中一个会话,点击回放回放该会话,回放在键盘的快捷键是R键,选择一个会话点击R键可以直接回放该会话

3.调试debug,点击该按钮可以对debug断点进行调试,让断点继续往下走

3.1添加断点如下图所示,点击底部状态下图所示位置开始增加断点

3.2.点击后会显示一个箭头朝上的图标,表示请求发送时会产生一个断点

3.3.再次点击这个图标会显示一个箭头朝下的图标,表示请求返回时会产生一个断点

4.流模式和缓冲模式切换,默认是缓冲模式,默认所有的http请求数据都返回给fiddler它才会在控制面板展示出来

5.解压请求

6.保持会话,实际上保存的会话数量越多,fiddler占用的内存越大,根据电脑性能选择保持多少会话,尽量不要all sessions

7.过滤请求

具体操作如下

8.查找功能

9.保存会话

10.保存截图

11.计时器

12.快速启动浏览器

13.清除ie浏览器缓存

14.解码和编码

15.设置右侧面板为浮窗的形式

16.msdn搜索

Fiddler请求模拟,前后端接口调试(前端页面没有完成的情况下)
请求的伪造:可以伪造Cookie,进行登录
前后端连调:Composer -> 选择请求方式 GET -> copy 地址  参数-> excuete
然后查看返回数据参数。
POST参数一般要放到RequestBody中
Fiddler网络限速
开发在测试网站在网速比较差的情况下的一个性能情况,基于Fiddler script插件。
小栗子:
点击fiddlerScript 在代码里找到onBeforeRequest,加入下面代码:

Static function OnBeforeRequest
oSession["request-trickle-delay"]="3000";//请求阶段延迟3秒
oSession["response-trickle-delay"]="3000";//响应阶段延迟3秒
Fiddler代码格式化插件

官网下载插件

JavaScript Formatter 代码格式化插件
Fiddler Add-ons 插件:javaScript  formatter -> js文件右击 -> 选择 make javascript pretty -> textview / syntaxview  代码全部高亮显示

 

 

 

 

 

 

淘宝优惠券购物
fuzhou2005


发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: