Fiddler前端调试之更换图片

  • fiddler是前端和测试人员非常喜爱的的一款工具。日常工作中很多时候需要调试界面图片,通过fiddler调试,能让工作效率提高至少5倍以上,下面就详细介绍如何使用fiddler实现图片的更换。

  1. 选择自己需要替换的图片,存放在本地

在这里插入图片描述
2. 打开fiddler,准备抓包

在这里插入图片描述

  1. 打开淘宝首页:https://www.taobao.com/

在这里插入图片描述
4. 使用fiddler找到要替换的图片

在这里插入图片描述
5. fiddler打开 AutoResponder,将该图片拉到右侧页面

在这里插入图片描述
在这里插入图片描述
6. 打开 rule Editor的第二个下拉框,拉到底部,点击:find a file… 将本地图片传到fiddler中

在这里插入图片描述
7. 勾选3个规则,然后点击:save 保存

在这里插入图片描述
在这里插入图片描述
8. 左侧session列表,ctrl + x 清空列表

在这里插入图片描述
9. 打开淘宝页面,选中地址栏,fn + F5强制刷新页面 (必须强制刷新页面,否则会用到缓存,导致替换失败)

在这里插入图片描述
10. 成功替换,完成调试。开启新一段浪漫程序员之旅吧。

在这里插入图片描述

如有问题,请下方留言,或者微信公众号搜索:爱尚测试 点击:关注,一起探索测试圈最前沿的技术吧。

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐