码迷,mamicode.com
首页 > 移动开发 > 详细

借助Charles来测试移动端-下篇

时间:2019-09-09 14:32:30      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:height   bec   通过   https   选择   使用   rect   imageview   loaded   

本篇是借助Charles来测试移动端的下半篇。(上篇任意门点我

上次说到可以借助Charles来抓移动端的网络请求,接下来,我们来看一下怎么通过Charles来模拟返回,还是以网页版豆瓣为例。

先找到网页版豆瓣的请求

 

技术图片
 

通过上面这句话,我们知道,请求被抓发到了豆瓣的movie文件夹下,我们去movie里找到具体的返回。

 

技术图片
 

可以看到,我们需要的信息都在这个请求里,我们可以选择其中一个电影页面来进行测试,我们得借助Charles的断点的功能,在这个请求上打个断点。

 

技术图片
 

打完断点之后,需要对断点做一下配置。

 

技术图片
 

选中我们刚刚打好的断点,双击点开。

 

技术图片
 

只保留response,将request去掉,如果后期需要做请求模拟,就在断点上保留request即可。

 

技术图片
 

断点配置完成之后,我们来实践一下。当我们重新请求豆瓣电影的时候,断点起作用了,这时候网页处于等待状态,点击execute,网页可以正常返回。

 

技术图片
 

接下来,我们来修改一下返回值

 

技术图片
 
技术图片
 

 

点击execute,将修改后的信息返回到前端(因为网络问题,有时候需要让研发将网络请求延时时间调长才能使用mock测试,这里运气非常好,一次就修改成功了)。

 

技术图片
 
技术图片
 

 

有时候在移动端测试的时候,需要模拟弱网环境,Charles也可以帮助我们模拟

 

技术图片
 

我们可以选择只给特定的host进行限速,这里我们直接选择一个极限情况,56 kbps

 

技术图片
 

这里我们直接请求豆瓣网页,会发现移动端响应变得非常慢

 

技术图片
 

这样我们就可以借助Charles来对不同的网络环境进行测试了。

借助Charles来对移动端进行测试的小教程就到这里了,希望能帮助到大家,如果大家以后有什么想了解的,欢迎留言。最后,希望本篇文章可以帮助大家。

作  者:Testfan  Chris

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

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

借助Charles来测试移动端-下篇

标签:height   bec   通过   https   选择   使用   rect   imageview   loaded   

原文地址:https://www.cnblogs.com/testfan2019/p/11491313.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!