调试工具-fiddler:本地资源替换线上调试

时间:2021-02-11 15:44:54

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

(一)官方地址 http://www.telerik.com/fiddler

(二)下载后的界面,选中“AutoResponder”,然后下面的三项全打钩,如图:

调试工具-fiddler:本地资源替换线上调试

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

调试工具-fiddler:本地资源替换线上调试

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

调试工具-fiddler:本地资源替换线上调试

替换成功,如图:

调试工具-fiddler:本地资源替换线上调试

总结:

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