调试工具-fiddler

本地资源替换线上调试

Fiddler是一个http协议调试代理工具，它能够记录并检查所有你的电脑和互联网 之间的http通讯，设置断点，查看所有的“进出”Fiddler的数据（指cookie,html,js,css等文件，这些都可以让你任意替换线上进 行修改的意思），用线下的文件替换线上的进行修改调试，的确很方便。

（一）官方地址 http://www.telerik.com/fiddler

（二）下载后的界面，选中“AutoResponder”，然后下面的三项全打钩，如图：

（三）在浏览器打开一个线上页面，如太平洋汽车网的图库：http://price.pcauto.com.cn/cars/pic.html，在fidder界面上就映射出了很多线上资源，然后在左侧的页面上，随意选中一个资源，拖动到右侧的方框里，如图：

（四）在选中的资源下面进行替换，可以用本地文件替换或者直接输入地址，点击保存按钮，然后在浏览器刷新，就看到被替换成功的效果，如图：

替换成功，如图：

总结：

用本地的资源替换线上进行调试是很方便的，如进行 ajax调试，线上CSS调整等等。