书接上回,上次说到Charles中可以使用修改返回值来模拟接口返回,这次我们来说一下Charles中另外一个强大的功能。
我们用手机连接Charles,具体可以参考上一篇《借助Charles来测试移动端_上篇》,然后打开浏览器,打开豆瓣页面,找到当前热映的电影。
在Charles中找到这个页面对应的Charles截获的返回,并保存成本地HTML文件,可以对这个HTML文件进行一些修改,我在这里将这个返回的剧情简介从“美国国防情报局特工亨利(威尔·史密斯饰),准备退休之际意外遭到一名神秘杀手的追杀,在两人的激烈较量中,他发现这名杀手竟然是年轻了20多岁的自己,一场我与我的对决旋即展开,而背后的真相也逐渐浮出水面。” 修改为了“勤劳勇敢的蓝精灵和格格巫进行搏斗,然后遇到了光头强,一起开始砍树。”。
<div class="bd">
<p data-clamp="3">
勤劳勇敢的蓝精灵和格格巫进行搏斗,然后遇到了光头强,一起开始砍树。</p>
</div>
右键点击该接口,选中Map Local
map to下选择上面保存的HTML文件,点击ok
接着直接访问豆瓣电影网页,就能看到我们的修改了。
以后如果要进行测试,只要修改我们本地的map文件,就能达到匹配效果了。这里我们再修改一下,对本地map文件再修改一下,将“剧情简介”修改成“戏说简介”。
保存完本地文件,直接请求
Map 中可以对各种各样的返回进行修改,除了我们例子中的HTML之外,还能对json, css, js等等前端常用的文件进行修改返回。
当不需要进行调试的时候,需要禁用Map Local功能。 Charles中菜单栏选择“tools->Map Local”
将不需要的接口勾销或者remove,这样又返回之前真实的内容了。
最后,还是一样的,祝大家学习愉快!
作 者:Testfan Chris
出 处:微信公众号:自动化软件测试平台
版权说明:欢迎转载,但必须注明出处,并在文章页面明显位置给出文章链接