Web开发又一利器之 Fiddler 使用教程

1.引言

在当前web开发工具满天飞的年代，很难想象当时在没有这些工具的年代，咱们是怎么挺过来的。既然时代已经赋予咱们如此之多的精良工具，那么就在工做之中尽情享用吧。

在须要截获客户端与服务器端之间的通信数据时，咱们会使用httpwatch或firebug。

在跟踪样式或调试js代码时，咱们会在浏览器下按下F12，来启用开发者工具；会在js代码中加上debugger或借助开发者工具的断点（breakpoint）进行逐步调试。

以上工具或方法都能很好的解决咱们面临的问题，但若是服务器在远程而非本地，在咱们不能登陆到服务器的状况下，咱们如何在代码中添加debugger，或者又如何修改一些代码尝试看看运行效果呢？此时咱们必须借助另外一利器：Fiddler。

ps: Fiddler项目主页及下载地址 www.fiddlertool.com  ， 它是个免费软件。 同类的商业产品有HTTPWatch:http://www.httpwatch.com 。

2.Fiddler代理工做原理

Fiddler是微软开发的一个工具，可用来截获本机与服务器以前的全部http通讯，在这个过程当中充当一个代理的角色。

在咱们启动Fiddler的时候，Fiddler便已经做为了一个代理服务器，以下图所示：

做为系统代理，全部的来自互联网服务（WinInet）的http请求在到达目标Web服务器的以前都会通过Fiddler；一样的，全部的Http响应都会在返回客户端以前流经Fiddler。以下图所示：

3.Fiddler界面描述

4.Fiddler请求中断

能够进入菜单“Rules/Automatic Breakpoints”来设置对请求进行中断，设计的时机能够是Before Requests、After Response。这样咱们就能够利用工具修改提交到服务器的数据信息（如：请求头或请求体等），也能够修改从服务器端返回的数据。

• 如下为截获提交到百度的数据，咱们能够对提交的信息进行修改。

• 如下为截获到百度返回的数据，咱们能够对返回的信息进行修改。（注意：若是返回的数据进行了压缩，那么默认将为乱码，可使用顶部菜单“Rules/Remove All Encodings”来解码。）

5.Fiddler请求内容替换

在“Fiddler请求中断”章节，咱们已经介绍了如何修改提交到服务器端的数据及修改服务器端返回的数据，但若是以为这样仍不过瘾，咱们也能够彻底用本地文件来代替须要从服务器下载的文件，这在咱们诊断跟踪一些js文件但却不能修改js文件时很是有用。

好比：在用浏览器测试P页面时，P页面引入了一个js资源文件R.js，因为R.js文件在服务器S上，而我此时又不能登陆S服务器（没有S服务器的账 号），此时咱们就能够经过浏览器将R.js文件下载到本地，而后对本地的R.js文件进行调整，最后经过设置Fiddler，将R.js文件的请求使用本 地的R.js文件。截图以下：

其中

EXACT表示完整匹配URL时，才进行映射处理

regext:(?insx)表示可使用正则来匹配哪些URL须要进行映射处理

其余一些参数再也不一一说明。

来自：http://blog.csdn.net/yhawaii/article/details/7245625