iOS如何测试微信小游戏&小程序?

摘要:
-摘自微信官方文档游戏PerfDog,作为一款移动全平台性能测试和分析工具,开发者可以使用PerfDog获取和分析性能数据,并提高小游戏和小程序的性能和质量。微信小游戏——小程序使用自己开发的浏览器内核。同时,小游戏和小程序在微信流程中运行,因此您可以测试微信流程。在高级测试中,当微信游戏启动并加载时,将使用系统浏览器内核webkit进程进行上拉,因此将有一个系统浏览器内核webkit进程。

“微信小游戏性能评测标准建立的初衷是希望能引导开发者优化相关性能数据,提升用户体验。评测标准根据小游戏整体的性能数据表现、玩家体验评价,结合操作系统、机型分档、网络条件等多种维度建立。”

—摘自《微信官方文档•小游戏

PerfDog作为移动全平台性能测试分析工具,开发者可以利用PerfDog进行性能数据获取及分析,提升小游戏&小程序的性能和品质。以下将通过详细的操作指引,手把手教大家如何利用PerfDog测试微信小游戏&小程序:

1、登录PerfDog官网https://perfdog.qq.com/ ,根据您的PC平台选择想要下载的桌面应用程序

Windows平台:解压下载包,双击打开PerfDog.exe桌面应用程序。

Mac平台:直接运行dmg桌面应用程序。

2、手机USB连接电脑

需要手机信任电脑,手机上操作选择信任:

 

iOS如何测试微信小游戏&小程序?第1张 

若PerfDog客户端出现该提示,则代表手机连接成功:

 iOS如何测试微信小游戏&小程序?第2张

若连接有问题则按照此贴逐一排查:https://bbs.PerfDog.qq.com/detail-128.html

3、选择手机设备

选择设备:

 iOS如何测试微信小游戏&小程序?第3张

 iOS如何测试微信小游戏&小程序?第4张

 iOS如何测试微信小游戏&小程序?第5张

注意:如需使用WIFI测试,则手机与电脑必须连接在同一WIFI/热点下。

4、打开微信小游戏:

标重点:小游戏只需要在Perfdog软件选微信进程进行测试 。

 iOS如何测试微信小游戏&小程序?第6张

 

 

技术说明:微信小游戏&小程序,iOS和Android技术实现原理完全不样, Android平台是开启独立子进程,但iOS平台上是没有开启独立进程。小游戏&小程序是基于H5开发,所以会用到浏览器内核。微信小游戏&小程序用自己开发的浏览器内核,同时小游戏小程序是运行在微信进程中,所以测试微信进程即可。

高阶测试的话,微信小游戏启动加载时,会用到系统浏览器内核webkit进程拉起,所以会有系统浏览器内核webkit进程。微信小程序渲染UI是通过系统浏览器webkit进程渲染。总结来看,小游戏一般无需关注系统浏览器内存webkit进程,小程序需要关注系统浏览器内存webkit进程。具体测试方法如下面介绍system process测试方法

5、如果要测微信小程序,首先暂时不打开微信小程序,点开应用列表,拉到最下面,点击展开system process

 iOS如何测试微信小游戏&小程序?第7张

6、system proces中观察是否有com.apple.WebKit.WebContent这个选项。

 iOS如何测试微信小游戏&小程序?第8张

l  如果没有com.apple.WebKit.WebContent这个选项,那么在微信中打开需要测试的小程序,之后在system中寻找并选中com.apple.WebKit.WebContent这个选项即可。

l  如果有com.apple.WebKit.WebContent这个选项,那么记住他后面的数字,再在微信打开需要测试的小程序,选择大于该数字的com.apple.WebKit.WebContent选中即可。(即找到最新的com.apple.WebKit.WebContent)。如果大于上次记住最后WebContent的进程pid存在多个,就逐个尝试。

7、选中正确的小游戏/小程序后,点击右上角开始测试。

PerfDog画面:

 iOS如何测试微信小游戏&小程序?第9张

8、右下角可选择需测试的指标:

相应指标的解释:https://bbs.PerfDog.qq.com/article-detail.html?id=5

 iOS如何测试微信小游戏&小程序?第10张

 iOS如何测试微信小游戏&小程序?第11张

9、测试结束后,点击右上方的暂停,即可上传数据。

 iOS如何测试微信小游戏&小程序?第12张

备注:如果忘记开始记录数据也没关系,框选所需数据并点击右键也可以上传数据:

 iOS如何测试微信小游戏&小程序?第13张

10、上传后就可以在PerfDog WEB (https://perfdog.qq.com/mydata/cases )上查看数据了:

 iOS如何测试微信小游戏&小程序?第14张

Case详细页面:

iOS如何测试微信小游戏&小程序?第15张 

 

11、也可以通过对比分析数据:

添加对比步骤:

 iOS如何测试微信小游戏&小程序?第16张

 iOS如何测试微信小游戏&小程序?第17张

 iOS如何测试微信小游戏&小程序?第18张

对比页面:

iOS如何测试微信小游戏&小程序?第19张

 

免责声明:文章转载自《iOS如何测试微信小游戏&小程序?》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Mockjs入门参考ubuntu安装软件依赖解决下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS3实现10种Loading效果(转)

CSS3实现10种Loading效果 原文地址:http://www.cnblogs.com/jr1993/p/4622039.html 昨晚用CSS3实现了几种常见的Loading效果,虽然很简单,但还是分享一下,顺便也当是做做笔记…… 第1种效果: 代码如下: <div class="loading"> <sp...

移动端页面隐藏滚动条

h5解决移动端滚动条问题: html,body{ 100%; height: 100%; overflow: scroll;} html::-webkit-scrollbar, body::-webkit-scrollbar{0px;height:0px;} body{margin:0;}...

chromium浏览器开发系列第三篇:chromium源码目录结构

上两篇介绍了下载源码和编译源码,这次主要介绍chromium的源码目录结构,我也是通过源码和官网结合来跟大家说,如果有说的不准确的,欢迎交流。 另外,官网的不一定准确,他们其实也很懒,所以最主要还是靠自己。官网只能作为一个参考。 Chromium结构相对两年前变化很大。目录结构依然很清晰,主要有三个部分(不包括其他的库):浏览器,渲染器,webkit。浏览...

移动端布局的心得

1.字体大小 font-sizepx/em/rem px像素 em:根据父级的字体大小有关,1em表示是父级字体大小一致 rem:根据html标签的字体大小有关,1rem表示和html标签字体大小一致,默认16px, rem:设置 nrem.表示把字体大小设置成和html标签的字体大小n陪,如果html没有设置则默认font-size:16px; 2....

h5页面跳转小程序

2020年以前, 只能通过 web-view内嵌h5跳转小程序,现在  可以直接跳了!!!!!!  官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html 用的是JS-SDK的接口,需要使用到js-sdk-1.6.0的版本才有支持,htt...

vs2005 QT4.7.1编译 详细

http://blog.csdn.net/debugconsole/article/details/8230683 网上一搜有QT+2005编译的很多文章,但是都不详细,很多都编不过,特别的在configure 命令的时候会有 File or path is not found<nmake>提示。这说明系统没找到VS nmake.exe路径。...