1.fiddler的使用场景开发环境host配置,前后端接口调试,线上bugfix,性能分析优化
2.fiddler的主界面分为:工具面板,会话面板,监控面板,状态面板工具面板:

说明注释、重新请求、删除会话、继续执行、流模式/缓冲模式、解码、保留会话、监控指定进程、寻找、保存会话、切图、计时、打开浏览器、清除IE缓存、编码/解码工具、弹出控制监控面板、MSDN、帮助
两种模式
* 缓冲模式(Buffering
Mode)Fiddler直到HTTP响应完成时才将数据返回给应用程序。可以控制响应,修改响应数据。但是时序图有时候会出现异常
* 流模式(Streaming Mode)Fiddler会即时将HTTP响应的数据返回给应用程序。更接近真实浏览器的性能。时序图更准确,但是不能控制响应。
会话面板:

监控面板:1.请求总数、请求包大小、响应包大小。2.请求起始时间、响应结束时间、握手时间、等待时间、路由时间、TCP/IP、传输时间。3.HTTP状态码统计。
4.返回的各种类型数据的大小统计以及饼图展现。
状态面板控制台Fiddler的左下角有一个命令行工具叫做QuickExec,允许你直接输入命令。常见得命令有:
命令解释
help打开官方的使用页面介绍,所有的命令都会列出来
cls清屏 (Ctrl+x 也可以清屏)
select选择会话的命令
?.png用来选择png后缀的图片
bpu截获request
bpafter截获response
常用功能
* 监听HTTPSFiddler不仅能监听HTTP请求而且默认情况下也能捕获到HTTPS请求,Tool -> Fiddler Option ->
HTTPS下面进行设置,勾选上“Decrypt HTTPS traffic”,如果不必监听服务器端得证书错误可以勾上“Ignore server
certification errors”,也可以跳过几个指定的HOST来缩小或者扩大监听范围。 监听HTTPS
* HOST切换 HOST
* 模拟各类场景
* 通过GZIP压缩,测试性能
* 模拟Agent测试,查看服务端是否对不同客户端定制响应
* 模拟慢速网络,测试页面的容错性
* 禁用缓存,方便调试一些静态文件或测试服务端响应情况
* 根据一些场景自定义规则
 自定义规则
*
低网速模拟有时出于兼容性考虑或者对某处进行性能优化,在低网速下往往能较快发现问题所在也容易发现性能瓶颈,可惜其他调试工具没能提供低网速环境,而强大的Fiddler考虑到了这一点,能够进行低网速模拟设置Rules
> Performance > Stimulate Modem Speeds。
* Compare(对比文本)
 对比文本
* Composer(构造器)请求构造顾名思义就是我们可以模拟请求,也就是说我们可以借助Fiddler的Composer
在不改动开发环境实际代码的情况下修改请求中的参数值并且方便的重新调用一次该请求,然后相比较2次请求响应有何具体不同。任何一个请求参数只要是合法的取值再次调用后都会有相应的响应,那么你想要的任意一个合法请求组合自然也能够按照你的意愿构造出来,然后再次调用以及查看返回数据。
 将该请求鼠标左键单击拖入Fiddler右侧Request Builder标签内并修改原请求参数OutPutType=JSON为OutPu
tType=XML,然后点击Execute按钮再次触发调用请求![Paste_Image.png](http:
//upload-images.jianshu.io/upload_images/947566-5aaac0b84a397c58.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
双击这次请求包在Inspectors标签下查看返回数据为XML格式,而JSON格式一栏为空: 
* Filters(过滤监控)
*

对一个重新载入的页面进行抓包,如果包的条目过多而你需要关注的就那么几项的话,可以使用Fiddler的过滤器Filters进行抓包,那么抓包时只会抓取你希望抓到的那些包。切换到Filters标签勾选Use
filter,以便激活过滤器,这样下面的各种过滤方式就可以进行选择了。
 Filter_1![Filter_2](http:
//upload-images.jianshu.io/upload_images/947566-b6ed61685e13315e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
* AutoResponder(请求重定向)
所谓请求无非就是需要调用到的一些资源(包括JS、CSS和图片等),所谓重定向就是将页面原本需要调用的资源指向其他资源(你能够控制的资源或者可以引用到的资源)。
*
你可以将前台服务器的诸多或者某个资源在本地做个副本,如果正常网络访问环境下该资源出现了BUG而导致开发环境崩溃时,可以先将这个资源的请求重定向到本地副本,这样就可以继续进行开发调试你的页面,从而大量节省资源维护的等待时间。
*
你也可以将多人同时维护的某个JS文件复制一份出来在本地,当你的开发调试收到他人调试代码干扰时,可以将这个JS的调用重定向到本地无干扰的JS文件,进行无干扰开发,功能开发完成并调试OK之后再将你的代码小心合入到开发环境中,这样就可以避免受到他人干扰专心搞你的模块开发,也就是说能够将JS文件脱离开发环境却不影响线上调试。
* 你还可以将样式文件或者图片指向本地。![重定向](http:
//upload-images.jianshu.io/upload_images/947566-18f9c105596ef543.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
4). AutoResponder 允许拦截指定规则的请求
AutoResponder允许你拦截指定规则的求情,并返回本地资源或Fiddler资源,从而代替服务器响应。
看下图5步,我将“baidu”这个关键字与我电脑“f:\Users\YukiO\Pictures\boy.jpeg”这张图片绑定了,点击Save保存后勾选Enable
rules,再访问baidu,就会被劫持。这个玩意有很多匹配规则,如:1. 字符串匹配(默认):只要包含指定字符串(不区分大小写),全部认为是匹配
字符串匹配(baidu)是否匹配
http://www.baidu.com <http://www.baidu.com/>匹配
http://pan.baidu.com <http://pan.baidu.com/>匹配
http://tieba.baidu.com <http://tieba.baidu.com/>匹配 2.
正则表达式匹配:以“regex:”开头,使用正则表达式来匹配,这个是区分大小写的
字符串匹配(regex:.+.(jpg | gif | bmp ) $)是否匹配
http://bbs.fishc.com/Path1/query=foo.bmp&bar
<http://bbs.fishc.com/Path1/query=example.bmp>不匹配
http://bbs.fishc.com/Path1/query=example.gif
<http://bbs.fishc.com/Path1/query=example.gif>匹配
http://bbs.fishc.com/Path1/query=example.bmp
<http://bbs.fishc.com/Path1/query=example.bmp>匹配
http://bbs.fishc.com/Path1/query=example.Gif
<http://bbs.fishc.com/Path1/query=example.Gif>不匹配

 
6). Timeline 请求响应时间在左侧会话窗口点击一个或多个(同时按下 Ctrl 键),Timeline 便会显示指定内容从服务端传输到客户端的时间:

移动端抓包Fiddler不但能截获各种浏览器发出的HTTP请求, 也可以截获各种智能手机发出的HTTP/HTTPS请求。
Fiddler能捕获IOS,Andriod,WinPhone,设备发出的请求,同理,也可以截获IPad, MacBook的等设备发出的HTTP/HTTPS。
前提条件是:安装Fiddler的机器,跟Iphone 在同一个网络里, 否则IPhone不能把HTTP发送到Fiddler的机器上来。具体操作步骤如下:
* Fiddler设置打开Fiddler, Tools-> Fiddler Options。(配置完后记得要重启Fiddler).
*   选中"Allow remote computers to connect". 是允许别的机器把HTTP/HTTPS请求发送到Fiddler上来 
APP
* 获取Fiddler所在机器的IP
* 安装Fiddler证书这一步是为了让Fiddler能捕获HTTPS请求。 如果你只需要截获HTTP请求, 可以忽略这一步
* 首先要知道Fiddler所在的机器的IP地址: 假如我安装了Fiddler的机器的IP地址是:192.168.1.104打开IPhone
的Safari, 访问 http://192.168.1.104:8888
<https://link.jianshu.com/?t=http://192.168.1.104:8888/>, 点"FiddlerRoot
certificate" 然后安装证书    打开IPhone, 找到你的网络连接, 打开HTTP代理,
输入Fiddler所在机器的IP地址(比如:192.168.1.104) 以及Fiddler的端口号8888 
好用的插件:下载地址:https://www.telerik.com/fiddler/add-ons
<https://www.telerik.com/fiddler/add-ons>decode selected sessions
有的时候inspectors -->testview是压缩后的不利于查看,安了这个插件,就能解析出来了,超级方便测试!!Differ:
拖动两个请求进去,可以查看两个请求间的差异(性能优化的时候用)

友情链接
KaDraw流程图
API参考文档
OK工具箱
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱:[email protected]
QQ群:637538335
关注微信