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

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

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

先找到网页版豆瓣的请求

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

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

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

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

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

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

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

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

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

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

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

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

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

作  者:Testfan  Chris

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

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

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

时间: 2024-10-19 23:36:41

借助Charles来测试移动端-下篇的相关文章

在PC上测试移动端网站和模拟手机浏览器的5大方

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

在PC上测试移动端网站和模拟手机浏览器的5大方法

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

关于Jmeter测试移动端应用时提示非法登录,不是合法的登录设备时的解决办法

当Jmeter测试移动端应用时提示非法登录,不是合法的登录设备时的解决办法:只需要在jmeter的http信息头管理器中配置相应的设备信息,可通过抓包工具得到:即头信息Header中的Miscellaneous域的所有值:一般的设备配置是这样的: ua: AndroidappVersion: 2.6.0osVersion: 5.1.1terminalType: AndroiddeviceType: V8deviceShopId: 822290053111654terminalId: YP6100

如何测试移动端App

关于如何在PC端测试一个App我已经在上一篇文章中详细说明,那么如何测试一个移动端的App? 这里我主要说区别,共同点就不赘述. 1. 区别操作系统,CPU的架构. 这会影响到手持设备的性能,精确度.详文请看上篇文章. a. Ios b. Android c. WP 4. Others 2. 对于不同的厂商,有着不同的尺寸,有着不同的分辨率,有着不同的PPI. 例如同样是5寸屏,有的是有点的是1080,有的是720. 别小看这点差别.这可能会使你的应用出现问题,例如有些内容会被盖住等. 3. P

charles抓取移动端app数据

pc端为mac 移动端为android pc端 1.下载charles并安装 安利一个超好的良心网站(好多好用的软件都可以在上面找到,并且免费): http://xclient.info/search/s/charles/?_=81a7b056702b763e33e7144c08fa8252 2.设置代理 1).勾选Mac Proxy 2).Proxy Settting 3).设置代理端口,勾选httpy proxy 4).在系统偏好设置-网络里查看本机IP 移动端 1.在wifi连接下方勾选显

借助FreeHttp为任意移动端web网页添加vConsole调试

以下介绍在不用修改代码并发布项目的情况下,为我们日常使用的移动web应用(如手机web淘宝)添加vConsole调试工具的方法 vConsole介绍 vConsole是一个轻量.可拓展.针对手机网页的前端开发者调试面板. 使用vConsole的项目可以让手机上的Web浏览器,拥有类似PC调试工具的能力. 正常情况下使用vConsole需要修改项目代码并重新发布. vConsole官方介绍(https://github.com/Tencent/vConsole) FreeHttp介绍 FreeHt

PC上测试移动端网站和模拟手机浏览器

一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择“复制”,复制一个图标副本到桌面.右击该副本,选择“属性”,打开相应的对话框,在“目标”文本框的字符后面添加以下语句:“–user-agent=”Android””,如下图: 注意user前面是两个“-”,并且“chrome.exe”与“–user”

如何使用Chrome模拟手机浏览器测试移动端站点

作者:zhanhailiang 日期:2014-10-10 环境说明: Chrome 37.0.2062.124 m 1. 通过[菜单→工具→开发者工具|Javascript控制台]或[快捷键Ctrl+Shift+I|J]打开Chrome控制台: 2. 点击控制台上右上角的手机图标启用模拟器: 3. 通过[Emulation→Device→Model]选择你想要模拟的设备: 4. 此时访问你的移动网站的域名: 5. 最后推荐一个小技巧,长按右侧的[Dock to Main Window],选择将

手机测试pc端网页

在这个问题上徘徊了 一个钟头了,终于被我找到方法了,就赶紧记下来,以后好查阅!! 主要问题在防火墙,防火墙阻当了80端口,所以怎么用手机访问都是访问不了的.把防火墙关闭就好了! 贴上httpd-vhosts.conf配置  本人用的是wampserver ,httpd-vhosts.conf路径在D:\wamp\bin\apache\apache2.2.22\conf\extra ============================分割线===========================