一、Trace工具介绍
微信小程序开发工具中提供了trace工具,利用trace工具可时时监控小程序的性能。分析trace文件可获取内存、CPU、fps、启动时间、各函数的执行时间等。
二、环境搭建
1、电脑上安装adb
2 、下载微信小程序开发工具(本人下载的是微信开发工具beta版公测)
三、操作步骤
1、手机与电脑连接(adb devices 可查看连接的设备),手机USB打开调试模式
2、登录微信小程序开发者工具,选择trace,点击Choose Device,如果手机adb连接成功在弹框中可看到连接设备,如下:
3、点击选择设备后会停留在选择trace文件页面,如图:
注意:若手机端无文件上传时会一直搜索中
4、手机端,进入要测的微信小程序中(与开发者工具登录的同一个小程序);若无关注要测的小程序时,可在开发者工具上点击真机调试,扫码就可关注进入,如下:
5、关注进入后,点击右上角的3个点(...),点击打开性能监控面板(点击监控后要重新登录微信和小程序)
监控前的页面:
打开监控后的页面:
6、在小程序中操作后可导出trace文件(手机与电脑连接)
7、导出后在电脑端就会显示其trace文件,点击可查看测量的性能数据
8、选择需要查看的文件,即可查看所需的性能数据
9、浮动面板功能介绍
9.1、箭头用于选中页面中的数据,选中后在底部展示其具体数据如下:
9.2、十字箭头主要是用来方便移动的
9.3、向下箭头主要是用来缩放的效果
9.4、朝向两边的箭头主要用来查看一段运行的时间
10、获取trace文件
在电脑端下载everything搜索工具,在everything中搜索小程序的APPID即可搜索到保存的临时trace文件进行分析了。