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

1. Fid">dler 是什么?

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

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

2. 下载和安装Fiddler安装.net framework 2.0以上版本从官方网站免费下载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/?p=2567

时间: 2024-08-29 08:10:45

使用Fiddler提高前端工作效率 (介绍篇)的相关文章

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

在上一篇(介绍篇)中,我们对Fidhttp://www.aliyun.com/zixun/aggregation/16504.html">dler Web Debugger有了简单的接触,也许你已经开始在用Fiddler进行HTTP相关的调试,在这一篇,我们将通过一个实例了解Fiddler的神奇魔法. 在我们前端开发的日常工作中,发现服务器上某个css/javascript文件有问题,需要修改,那真是家常便饭.通常,我们需要将文件进行修改,然后重新发布再验证,这样就很容易影响到生产环境的稳

五点方法有效的提高SEO工作效率

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 不仅是公司的SEOER和个人站长都觉得每天的时间都很紧促,每天的时间都不够用但晚上总是觉得自己这一天什么都没干就结束了.说白了就是工作效率的问题,本人是在公司从事SEO工作的每天的工作时间差不多是12个小时.每天要维护的站差不多是15个左右.怎么在最短的时间完成了工作并且能真正的影响排名呢?今天和大家分享一下. 一.学会化整为零 我想博客外链

8个提高数据分析工作效率的技巧

我刚和一位老友恢复了联系.她一直对数据科学很感兴趣,但10个月前才涉足这一领域--作为一个数据科学家加入了一个组织.我明显感觉到她已经在新的岗位上学到了很多东西.然而,我们聊天时,她提到了一个至今在我脑海里都挥之不去的事实或者说是问题.她说,不论她表现如何,每一个项目或分析任务在令经理满意之前都要做好多次.她还提到,往往事后发现原本不需要花这么多时间! 听起来是不是很像你的遭遇?你会不会在得出像样的答案之前反复分析很多次?或者一遍又一遍地为类似的活动写着代码?如果是这样的话,这篇文章正好适合你.

利用Ant和Eclipse有效地提高部署工作效率

读者定位为具有 Java 和 Ant 使用经验的开发人员. 读者可以学习到如何使用 Ant 解决一些多用户开发环境中,根据不同的目标环境编译成不同部署包的问题. 工作场景 现在有一个 web 项目,是多人进行开发的,通过 CVS 来管理.另外该项目还有一些测试人员,他们测试部署在测试服务器上的应用程序,发现 bug 后通过 bug 管理系统通知开发人员,在开发人员修复 bug 并经过本地测试后,由专门的人负责检出(check out)代码,编译打包后部署到测试服务器上. 该项目的成员小A就是负责

XP五大快捷键有效提高站长工作效率

http://www.aliyun.com/zixun/aggregation/34065.html">WindowsXP中文全称为视窗操作系统体验版.是微软公司发布的一款视窗操作系统.它发行于2001年10月25日,原来的名称是Whistler. 微软最初发行了两个版本,家庭版(Home)和专业版(Professional).家庭版的消费对象是家庭用户,专业版则在家庭版的基础上添加了新的为面向商业的设计的网络认证.双处理器等特性.且家庭版只支持1个处理器,专业版则支持2个.字母XP表示英

虚子雨:SEO经验谈之如何提高SEO工作效率

大家好,我是虚子雨.最近一直在思考一个问题:如何让自己的SEO提高效率?相信大家也在为这个问题所困扰.很多的朋友会问一些非常简单的问题,而且大家是知道答案的,但是就是因为自己心中不确定想找一个人来确定一下自己心中的想法,例如SEO每天要做些什么这个问题我的回答一般会是做外链和内容,但是对于不同的人来说侧重点就有所不同了,有的朋友会认为外链很重要,于是大部分时间是在做外链,而且会想方设法的把外链做好,权重高,收录快.而如果大家侧重站内的用户体验的话,就会用心的编辑站内的文章,给用户最想要的东西,帮

分享提高推广工作效率的一点粗浅方法

中介交易 SEO诊断 淘宝客 云主机 技术大厅 大家都知道,一开始疯男哥哥是在影楼工作,推广也只推广一家公司,一家网站.而现在哥哥走出影楼做旭天网络顾问了,虽然我负责的还是影楼网络推广,但是整个工作流程和原来却完全不同了.现在不再是推广一家公司,一家网站,而是要负责多家公司和多家网站的推广优化工作.这一变动对我影响很大,一开始感觉很是茫然,有一种力不从心的感觉,并稍微郁闷.百度CEO李彦宏了解到了我的情况,他对我说,重复的工作一定要系统化.流程化.老李的话对我来说犹如晴天霹雳.当头棒喝,于是我马

傲游十个功能帮你提高工作效率

  读过一篇文章--"10 Google Chrome Extensions for Boosting Your Productivity"(<可以提高你工作效率的十款Chrome浏览器插件>)之后,加深了对chrome的了解.不过明显作者对在白领上班族中十分流行的傲游浏览器不甚了解,这十个Chrome需要依赖插件实现的功能几乎被包括在了傲游的原生功能中,仅有几个和社交网络及Google本身服务紧密相关的功能傲游没有触及.下面就来与各位分享傲游的这10个功能,希望能够带给各

WPS Office 2012组合公式帮你提高工作效率

WPS表格可以进行数据计算.分析和整理,当使用一些比较复杂的公式的时候,以前许多人都会找现成的公式来使用,甚至做成模板反复使用.比如,计算个人所得税和从身份证中提取性别.出生日期信息,是固定的公式,就会从网上下载他人的文件,复制出较长的公式到自己的表格中使用. WPS的"组合公式"功能就替大家想到了解决的办法,把这些常用的公式集成在WPS表格软件中,用户可以直接调用公式进行计算,而不必再去"苦苦"查询"记忆中的公式",大大提高了工作效率. 今年九