有关 Fiddler 的几点总结
最早看到Fiddler是在淘宝UED部门的lifesinger的博客“岁月如歌”上,当时安装一遍在Firefox下测试,其实就是尝鲜,最后不了了之,这次又重新安装,原因是觉得这个http调试代理工具实在是强大,熟悉一下或许对以后的工作有所帮助,且不仅仅是前端开发,也更能对http又更深入的了解和探究。
之前只是从专业人士的博客上了解此工具的妙处,对前端开发者的最大用处是“在线调试Js及CSS”,通过官网的教学视频学习后,已经大概有个比较正确的理解,于是总结一下这个工具的一般用途。
1.Statistics\Timeline 该类功能对http状态进行检测和分析(http头信息\WEB内容\获取速度检测),还有chart功能能提供访问页面的前端组成。如果结合Firefox/Yslow,在网页效率检测上是一个非常好的工具。
2.Inspectors 可以查看Response信息,并且可以动态修改
3.AutoResponder 这个可以利用规则(例如页面内某张图片或者全部图片),使用本地的文件进行代替(网站上的图片就可以替换成你电脑本地的,而你仍然在网络上访问这个网站)。这样就给前端工作带来便利,可以脱离后台程序的束缚,在发现运行中的错误时直接进行在线调试,修改完毕后再上传服务器纠正。利用这个功能可以对js及css进行测试。
4.Request Buidler 这功能其他同类软件也有,可以用来测试请求,用于测试Ajax
5.Filter 过滤功能,十分强大,可以过滤来自各类程序的http信息(不仅仅是浏览器),对于网站上这么多信息,我们需要过滤出有用信息和文件。
6.断点 bpu/bpafter 一个是请求前断点,一个是请求后,可以分别结合Inspectors和AutoResponder进行页面测试,并且通过命令行筛选和过滤文件
7.QuickExecBox,最后一个视频里讲述了命令行的命令,命令可以通过help打开官网查看,并不多且很好用,bps/bpu/bpafter/g/allbut/urlreplace都是很好的命令。再加上一些常用快捷键能帮你快速调试。
8.Rules,规则,本身提供了很多常用规则,例如缓存的禁用、开启Gzip等(断点也是),还可以自定义规则。
9.Addons,组件功能,提供了不少可选组件,也可以自行开发。
