Javascript 调试之乾坤大挪移 – Fiddler篇（PS:Greasemonkey）

http://blog.thinkjs.net/archives/79

做前端的童鞋肯定遇到过这样的情景，改掉了一个bug但是总想在QA站点上测试下，但是又没有权限上传文件。又或者bug只有在QA站点才能重现，改了代码却只能等到第二天QA站点上了包才能验证。

今天我推荐的这个软件Fiddler就能帮你解决这个烦恼！他可以让你轻松施展乾坤大挪移之法将QA站点的文件替换成本地文件！

Fiddler是以代理服务器的方式工作的。运行Fiddler后，就会在本地打开8888端口，网络数据流通过Fiddler进行中转时，我们可以监视HTTP/HTTPS数据流的记录，并加以分析，甚至还可以修改发送和接收的数据。

1.安装

• 安装.net Framework 2.0 或以上版本
• 下载Fiddler 并安装（Fiddler是免费滴）

2. 界面介绍

打开Fiddler后通过浏览器访问网页，我们就能够在Fiddler左边的请求列表中看到所有的请求。

右边是Fiddler的功能面板，AutoResponder就是我们今天要介绍的主要功能。

3.乾坤挪移大法

吧你希望替换的js或css文件从左边的请求列表拖动到右边的AutoResponder面板中，这里以Overlay.js为例。

在Rule Editor中选择 Find>

此时刷新页面你看到的将是本地文件加载后的效果。

4.HTTS 的支持

对于使用HTTPS协议的网站需要做一些特殊设置才行。

选择Tools 中的Fiddler Options….选项

按照上图选中HTTPS下所有check>Charles 不过是收费滴。