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 不过是收费滴。