1、开发环境host配置
自己修改系统的host来回挺麻烦的
2、前后的接口调试
3、线上bugfix
4、性能分析和优化
5.等等...

工作原理

一个代理服务器

地址改为 127.0.0.1:8888
流模式
边走边返回
缓冲模式
http请求完成所有的数据之后,才返回

界面功能介绍

1.工具栏

从下图红色箭头所指依次开始 

1.备注 
  备注一个url的作用 
2.回放 
   选中一个url,然后点击这个可重新发出一次请求 
3.移除面板指定元素 
  一般选择remove All 
   当然也可以根据自己的需求筛选对应的url 
4.断点调试 
选择调试模式 
  上传 
  下载 
  空 
5.模式切换 
  (1).默认缓冲模式 
http请求完成所有的数据之后,才返回 
  (2)点击后是流模式 
边走边返回 
6.解压 
  解压请求,将http请求中的内容解压 
7.选择保存的会话数量 
  根据自己电脑的性能,默认all session 
  可以搭配指定监听的进程 
8.指定只捕捉那几个进程的请求 
9.查找 
  指定url存在的关键字 
   然后可以选择以什么样的颜色显示 
10.保存最近的回话 
  可以再打开 
  就是保存你这次监听的所有的url请求,方便下次回顾 
11.倒计时照相 
12.计时器 
13.快速打开浏览器 
14.清除浏览器缓存 
15.编码,解码 
 挺多方式的 
16.分离面板 
 就是把右侧的面板浮动起来 
17.MSDN搜索功能 
  因为fiddler是基于.net编写的 
 

状态栏

 
1.黑色区域 
控制台 
help 
2.左侧第一个 
点击一下后fiddler不工作了 
3.第二个针对对应的url选择 
4.第三个点击url的详细url地址

监控面板的使用(其他博客有详解,我简单介绍一下)

1.statistics(统计数)
show chat 可以看图
性能的检测
RTT:请求往返时间,是衡量请求性能的重要指标
2.inspectors(抓包)
headres
3.AutoResponder: 文件代理,可以把请求的资源用本地文件代理掉,方便调试线上bug文件(当网站出现bug时,可以使用AutoResponder来快速定位bug在哪个文件)
4.Composer: 前后端端口连调,可以用来伪造请求--需要后端接口
5.Log: 记录日志
6.Timeline:网站性能分析
7.Filters:过滤网站
8.Fiddlerscript
这方面的详细使用见最下方的博客参考资料

附带图标的含义图片 

1.请求正在被发往服务器

2.正在从服务器接收请求内容

3.请求被一个断点停住了。

4.响应被一个断点停住了。

5.请求使用HEAD方法,响应应该没有响应体。

6.请求使用POST方法

7.请求使用了HTTPS

8.返回内容为HTML页面

9.返回内容为JS脚本

10.返回内容为CSS

上面的图标后面的英文的意思依次为:

11.返回内容为XML文件

12.返回内容为JSON文件

13.返回内容为音频文件

14.返回内容为视频文件

15.返回内容为Silverlight

16.返回内容为Flash

17.返回内容为字体文件

18.一般成功的响应

19.响应被重定向了,通过HTTP/300,301,302,303 or 307

20.HTTP 304 请求

21.返回一个需要客户端证书验证的请求

22.服务器端错误

23.会话被客户端、Fiddler、服务器意外终止。

常用功能

1.host配置
tool
HOSTS
enable
打上对号
作用
把所有文件映射到另一台服务器
2.文件代理
调整映射的文件
3.前后端调试
目的
前端页面没有完成的情况下,后端可以用fiddler模拟http请求,联调接口
操作
Composer -> 选择请求方式 GET -> copy 地址 参数-> excuete
Get参数跟在URL后面,参数以 & 连接
POST参数一般要放到RequestBody中
可以伪造Cookie(Request Headers中设置)
类似的插件
postman
httprequest
4.网络限速
功能需要基于 fiddler 的插件
有点难度,这里copy的别人的笔记
点击fiddlerScript 在代码里找到onBeforeRequest
FiddlerScript -> static function OnBeforeRequest ->
oSession["request-trickle-delay"]="3000";//请求阶段延迟
osession["response-trickle-delay"] = "3000";//请求立刻发出,回应延迟三秒 Save Script(保存脚本),发送请求

插件

1.代码格式化插件
暂时用不到,跳过学习
这里是视频资料
https://www.imooc.com/video/399
2.对比会话插件
Traffic Differ
https://www.telerik.com/fiddler/add-ons
3.网络限速插件
4.http代理插件
官方插件网址
https://www.telerik.com/fiddler/add-ons

需要额外提的一点

     开启fiddler时,git  pull数据的时候会带来502fiddler错误,关掉就可以了对git的监控就好了

思维导图

高清Xmind文件请移步下载 
https://gitee.com/hugo110/xmind-Think-notes/blob/master/%E7%9F%A5%E8%AF%86%E7%82%B9/Fiddler%E7%AC%94%E8%AE%B0.xmind 

参考资料

1.基于慕课网的课程
2.fidler别人的博客教程http://blog.csdn.net/ohmygirl/article/details/17846199
http://blog.csdn.net/ohmygirl/article/details/17849983

Fiddler教程--简介的更多相关文章

  1. 【Fiddler学习】Fiddler教程,比较经典全面(转)

    简介 Fiddler(中文名称:小提琴)是一个HTTP的调试代理,以代理服务器的方式,监听系统的Http网络数据流动,Fiddler可以也可以让你检查所有的HTTP通讯,设置断点,以及Fiddle所有 ...

  2. GBDT(MART) 迭代决策树入门教程 | 简介

    GBDT(MART) 迭代决策树入门教程 | 简介  http://blog.csdn.net/w28971023/article/details/8240756

  3. 转 fiddler教程

    Fiddler 教程 Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据. 使用Fiddler无论对开发 ...

  4. CMake 构建项目教程-简介

    CMake 构建项目教程-简介 Linux 平台构建项目,选择了CLion作为C++的IDE,而CLion默认就是使用CMake构建项目,所以这里记录了CMake在构建项目过程的一些小知识. 1. 项 ...

  5. FiDDLER教程

    FiDDLER教程 摘自:林猪猪的部落格 的 前端工具 1 FIDDLER的使用方法及技巧总结(连载一)FIDDLER快速入门及使用场景 2 FIDDLER的使用方法及技巧总结(连载二)FIDDLER ...

  6. 来自-小坦克:Fiddler教程

    Fiddler 教程 阅读目录 Fiddler的基本介绍 Fiddler的工作原理 同类的其它工具 Fiddler如何捕获Firefox的会话 Fiddler如何捕获HTTPS会话 Fiddler的基 ...

  7. lucene教程简介

    1 lucene简介 1.1 什么是lucene     Lucene是一个全文搜索框架,而不是应用产品.因此它并不像www.baidu.com 或者google Desktop那么拿来就能用,它只是 ...

  8. 【转】Fiddler 教程

    原文转自:http://www.cnblogs.com/tankxiao/archive/2012/02/06/2337728.html Fiddler是最强大最好用的Web调试工具之一,它能记录所有 ...

  9. Fiddler 教程---小坦克

    协议. Fiddler无论对开发人员或者测试人员来说,都是非常有用的工具 Fiddler的工作原理 Fiddler 是以代理web服务器的形式工作的,它使用代理地址:127.0.0.1, 端口:888 ...

随机推荐

  1. 4-HTML Computer Code Elements

    HTML Computer Code Elements Tag Description <code> Defines programming code <kbd> Define ...

  2. Laravel 5.2--改变数据库字段值,编辑时候,默认选中

    模型 <?php namespace App\Models; use App\Helpers\ImageHelper; use App\Libraries\Nestedset\NodeTrait ...

  3. PKUWC2019垫底记

    凭着noip2018中超凡的运气,我来到了纪中. DAY0 听说PKUWC可以看榜?那就不用担心写挂啦!开心! 刚从雅礼回来休息了一天,下午就和hz一起坐上教练的车去到了中山纪中. 纪中好大好漂亮啊! ...

  4. v-html里面添加样式

    项目中,使用V-html渲染的页面,要添加样式,改如何做 解决方案1:在updated生命周期函数中,js动态配置样式,代码如下: updated() { $('.msgHtmlBox').find( ...

  5. Gym - 101775A Chat Group 组合数+逆元+快速幂

    It is said that a dormitory with 6 persons has 7 chat groups ^_^. But the number can be even larger: ...

  6. vue——router

    1.不同界面传参 <router-link :to="{path:'地址'},query:{name:val}">, 其它界面获取: this.$route.query ...

  7. mac系统 安装 JDK 并配置环境

    第一步 : 下载 mac 版的 JDK 下载地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-213 ...

  8. oracle导出序列的几种办法

    oracle导出序列的几种办法 注:本文来源于<oracle导出序列的几种办法> 方法一: select 'create sequence ' ||sequence_name|| ' mi ...

  9. Oracle 之 外部表

    一.外部表概述 外部表只能在Oracle 9i 之后来使用.简单地说,外部表,是指不存在于数据库中的表. 通过向Oracle 提供描述外部表的元数据,我们可以把一个操作系统文件当成一个只读的数 据库表 ...

  10. npm安装依赖包 --save-dev 和 --save; package.json的devDependencies和dependencies 的区别!

    以前一直在纠结一个npm安装的包依赖管理的问题.是这样的: 我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,他们是:--save- ...