【web页面调试-Fiddler】用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调整等等。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值