Charles中使用Map Local提高测试效率

书接上回，上次说到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

出　　处：微信公众号：自动化软件测试平台

版权说明：欢迎转载，但必须注明出处，并在文章页面明显位置给出文章链接