Fiddler工具使用

跟着视频学习使用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:文件替换,把线上文件映射到本地,进行修改,然后进行调试。
posted @ 2017-11-15 19:45  ztpark  阅读(524)  评论(0编辑  收藏  举报