俄罗斯贵宾会-俄罗斯贵宾会官网
做最好的网站

俄罗斯贵宾会微信PC版小程序开发者公测 可在PC端预览小程序

8月9日消息,微信开放社区发布公告称,微信PC版小程序开发者公测,最新版微信开发者工具新增支持在微信PC版中预览小程序。

性能 Trace 工具

微信 Andoid 6.5.10 开始,我们提供了 Trace 导出工具,开发者可以在开发者工具 Trace Panel 中使用该功能。

俄罗斯贵宾会 1

使用方法

  1. PC 上需要先安装adb工具,可以参考一些主流教程进行安装,Mac 上可使用 brew 直接安装。
  2. 确定adb工具已成功安装后,在开发者工具上打开 Trace Panel,将 Android 手机通过 USB 连接上 PC,点击「Choose Devices」,此时手机上可能弹出连接授权框,请点击「允许」。
  3. 选择设备后,在手机上打开你需要调试的开发版小程序,通过右上角菜单,打开性能监控面板,重启小程序;
  4. 重启后,在小程序上进行操作,完成操作后,通过右上角菜单,导出 Trace 数据;
  5. 此时开发者工具 Trace Panel 上会自动拉取 Trace 文件,选择你要分析的 Trace 文件即可;

可以通过adb devices命令确定设备是否已和 PC 建立起连接

俄罗斯贵宾会 2

微信表示,用户在微信PC端聊天场景中收到的小程序消息,可支持在PC端直接打开,且界面与手机端保持一致,其他PC环境暂不支持打开小程序。

性能面板

从微信 6.5.8 开始,我们提供了性能面板让开发者了解小程序的性能。开发者可以在开发版小程序下打开性能面板,打开方法:进入开发版小程序,进入右上角更多按钮,点击「显示性能窗口」。

俄罗斯贵宾会 3

俄罗斯贵宾会 4

性能面板指标说明

指标 说明
CPU 小程序进程的 CPU 占用率,仅 Android 下提供
内存 小程序进程的内存占用(Total Pss),仅 Android 下提供
启动耗时 小程序启动总耗时
下载耗时 小程序包下载耗时,首次打开或资源包需更新时会进行下载
页面切换耗时 小程序页面切换的耗时
帧率/FPS
首次渲染耗时 页面首次渲染的耗时
再次渲染耗时 页面再次渲染的耗时(通常由开发者的 setData 操作触发)
数据缓存 小程序通过 Storage 接口储存的缓存大小

首先介绍下安装ADB和USB驱动,下载如下两个文件在电脑上安装即可

点击下载adb和对应usb驱动

俄罗斯贵宾会 5

测试安装是否成功

俄罗斯贵宾会 6

安装usb驱动需要手机处于usb调试模式下并且通过usb数据线连接电脑,至于自己的手机怎么设置成usb调试模式,自己百度下哈,我就不一一说明了,直接上图

俄罗斯贵宾会 7

俄罗斯贵宾会 8

有对号表示已经安装驱动成功

但是在微信开发者工具上Trace会出现一直在搜索设备这个情况或者**trace panel,choose device老出现device not found**,

,如下图所示

俄罗斯贵宾会 9

解决这个问题的办法是

在控制台输入openVendor() ,清除里面的wcsc wcsc.exe 然后重启工具

 俄罗斯贵宾会 10

 俄罗斯贵宾会 11

重启工具,打开Trace

俄罗斯贵宾会 12

选中它会在手机上弹出授权,点击确定

俄罗斯贵宾会 13

点击确定后出现如下步骤

俄罗斯贵宾会 14

接下来在微信开发者工具上 预览小程序

俄罗斯贵宾会 15

俄罗斯贵宾会,微信扫描进入开发者版本

俄罗斯贵宾会 16

之后销毁开发版本,从新预览扫描进入开发版小程序中

俄罗斯贵宾会 17

点击导出Trace数据在微信开发者工具 Trace界面出现如trace下文件

俄罗斯贵宾会 18

点击进入查看性能

俄罗斯贵宾会 19

到这里Trace相关的知识点就为大家讲解到这里了

此为原创感谢大家阅读到这里~~~

本文由俄罗斯贵宾会发布于编程,转载请注明出处:俄罗斯贵宾会微信PC版小程序开发者公测 可在PC端预览小程序

您可能还会对下面的文章感兴趣: