使用Fiddler提高前端工作效率 (介绍篇)

转载 2011年08月26日 09:51:51

 

1. Fiddler 是什么?

Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器。英语中Fiddler是小提琴的意思,Fiddler Web Debugger就像小提琴一样,可以让前端开发变得更加优雅。

Fiddler是以代理服务器的方式,监听系统的网络数据流动。运行Fiddler后,就会在本地打开8888端口,网络数据流通过Fiddler进行中转时,我们可以监视HTTP/HTTPS数据流的记录,并加以分析,甚至还可以修改发送和接收的数据。Fiddler还提供了清除IE缓存、请求构造器、文本转换工具等等一系列工具,对前端开发工作很有价值。

2. 下载和安装Fiddler

  1. 安装.net framework 2.0以上版本
  2. 官方网站免费下载Fiddler。

Firefox中用Fiddler,可以下载一个插件:Fiddler开关

3. Fiddler的界面和功能

列表

左侧是数据列表,以不同的图标区分数据类型和状态,以下是图标对应的含义:
正在将请求数据发往服务器
正在从服务器下载返回数据
请求过程中暂停
返回过程中暂停
请求中使用了HTTP HEAD方法; 返回中应该没有body内容
请求中使用了HTTP CONNECT方法,建立HTTPS连接通道
返回的内容类型是HTML
返回的内容类型是图片
返回的内容类型是Javascript
返回的内容类型是CSS
返回的内容类型是XML
普通的成功的返回
返回内容为 HTTP/300,301,302,303 or 307 跳转
返回内容为HTTP/304: 使用本地缓存
返回内容为一个证书请求
返回内容是服务器错误
请求被客户端、Fiddler或服务器中断

查看器

利用查看器提供的很多形式,我们可以查看数据流的内容。

请求构建器(Request Builder)

可以创建任意数据的请求

过滤器

过滤器可以对左侧的数据流列表进行过滤,我们可以标记、修改或隐藏某些特征的数据流。

AutoResponse功能

这个功能可以算的上是Fiddler最实用的功能,可以让我们修改服务器端返回的数据,例如让返回都是HTTP404或者读取本地文件作为返回内容。我们将在实例中介绍利用AutoResponse功能。

文本编码和解码

提供了常用的一些文本编解码的转换。

此外,还可以对两个数据流进行比较

Fiddler可以保存和打开“SAZ”格式的文件,这样就可以将监听到的数据流保存下来,下次再重新打开分析。可以利用FiddlerCap——一个专门用来录制保存SAZ的小工具——保存SAZ文件。SAZ文件可以设置密码保护,比较贴心。

 

原文链接:http://www.aliued.cn/2010/04/18/use-fiddler-to-improve-efficiency-of-front-development-introduction.html

使用Fiddler提高前端工作效率 (介绍篇)

http://www.aliued.cn/2010/04/18/use-fiddler-to-improve-efficiency-of-front-development-introduction....
  • WWW0526WWW
  • WWW0526WWW
  • 2014年06月20日 06:46
  • 252

使用Fiddler提高前端工作效率 (实例篇)

在上一篇(介绍篇)中,我们对Fiddler Web Debugger有了简单的接触,也许你已经开始在用Fiddler进行HTTP相关的调试,在这一篇,我们将通过一个实例了解Fiddler的神奇魔法。 ...
  • WWW0526WWW
  • WWW0526WWW
  • 2014年06月20日 06:51
  • 234

使用Fiddler提高前端工作效率

1. Fiddler 是什么?Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器。英语中Fiddler是小提琴的意思,Fiddler Web Debugger就像小提琴一样,可以让前...
  • ylspirit
  • ylspirit
  • 2010年10月14日 16:31
  • 500

前端开发 如何提高工作效率

反省了一下自己最近的状态。 有点过于依赖外在的环境,把提升自己的工作效率放在了是否有 外界人力 帮忙、是否有 硬件支持,而忽视了对自身的要求。 改变环境,还是让自己适应这个环境,哪个对将来的发...
  • xiongzhengxiang
  • xiongzhengxiang
  • 2011年12月12日 09:13
  • 1666

在工作中如何提高开发工作效率

1.你可能会常常发现,写了一段代码后,编译程序时是一大堆的出错 (原因:语法不熟)  ──别担心,这是每个程序员必须经历的事,这时候你就需要更大的耐心及细心,对每一行代码进行仔细人阅读并改正,这个很...
  • u013457570
  • u013457570
  • 2016年07月04日 07:06
  • 780

如何提高前端工作效率?

寻找一款适合自己的开发工具 Hbuilder 搭建自己的构建系统 grunt 高效调试接口 fiddler postman 善于翻墙 蓝灯...
  • qq_33988065
  • qq_33988065
  • 2017年10月07日 18:50
  • 427

这五个方法能提高程序员工作效率

程序员加班的原因很多,工作效率不高也会导致程序员加班,如何能提高效率能早点下班呢? 一、熟记IDE快捷键。很多人会说了,这个方法不行,各种快捷键背的熟熟的,结果实际用的就几个。这里推荐一个记...
  • li374456041
  • li374456041
  • 2017年01月05日 18:01
  • 277

怎样提高工作积极性与工作效率

对于一个技术团队来说,员工的工作积极性和工作效率往往关系到项目的成败,甚至于公司的发展。那么怎么样提高工作效率和积极性,应该是技术团队主管首要之务。那么从一个技术人员的角度来讲,是怎么看待这个问题的呢...
  • wksnm0724
  • wksnm0724
  • 2015年01月02日 19:25
  • 4403

身为前端仔,你竟然不会用fiddler?!

身为前端仔,你竟然不会用fiddler?!题目有一些激进。但是在前端界打滚了这么多年,fiddler一直都是陪着我走过来了。它就是一个抓包神奇,代理神器。它的厉害之处,我简单地说一下,希望你们看了以后...
  • minidrupal
  • minidrupal
  • 2014年12月01日 22:37
  • 2001

如何提高工作效率

  如何提高工作效率在激烈的市场竞争条件下,工作效率的高低已成为影响企业成败的关键因素。如何提高工作效率,也有很多文章书籍在探讨这个问题。在这里,我也简单谈谈自己的看法。一、喜欢你的工作。要提高工作效...
  • YYZhQ
  • YYZhQ
  • 2007年10月31日 11:36
  • 8888
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用Fiddler提高前端工作效率 (介绍篇)
举报原因:
原因补充:

(最多只允许输入30个字)