[发明专利]一种移动端RN页面录屏回放的方法及装置

权利要求书

1.一种移动端RN页面录屏回放的方法，其特征在于，所述方法包括：

获取移动端RN页面的页面基础信息，所述页面基础信息为移动端执行录屏操作时记录的RN页面数据结构关联的信息；

获取所述RN页面的页面变化信息，所述页面变化信息包括页面变化记录以及所述页面变化记录对应的时间戳；

依据所述页面变化记录对应的时间戳在所述页面基础信息还原所述页面变化记录，以实现录屏回放。

2.根据权利要求1所述的方法，其特征在于，所述获取移动端RN页面的页面基础信息之前，所述方法还包括：

获取移动端上传至服务端的压缩文件，对所述压缩文件进行解析以得到RN页面的页面基础信息和页面变化信息；

所述压缩文件为所述移动端在设定条件下自动上传至所述服务端或响应于用户操作上传至所述服务端；所述设定条件包括网络环境条件和/或移动端运行环境条件。

3.根据权利要求2所述的方法，其特征在于，所述页面基础信息为所述移动端对RN页面进行以下处理得到：

获取RN页面的源代码元素结构信息，并将所述源代码元素结构信息转换为JSON数据结构；

提取所述RN页面中的可视元素；

基于所述可视元素和所述JSON数据结构得到移动端RN页面的页面基础信息。

4.根据权利要求2所述的方法，其特征在于，所述所述页面变化信息为所述移动端对RN页面进行监控操作得到：

所述移动端通过监测所述RN页面的元素结构变化数据生成的变更记录及对应的时间戳；和/或，

所述移动端通过监测用户操作所述RN页面时生成的操作记录及对应的时间戳。

5.根据权利要求4所述的方法，其特征在于，所述移动端通过以下至少一种方式监测用户操作所述RN页面时生成的操作记录：

通过RN页面提供的手势操作Gesture API拦截以监测用户的手势操作；

通过拦截scrollView的滚动事件获取页面滚动记录；

通过底层Touchable组件可以拦截所有的点击事件。

6.根据权利要求1所述的方法，其特征在于，所述依据所述页面变化记录对应的时间戳在所述页面基础信息还原所述页面变化记录包括：

采用react-native-web技术将所述页面基础信息还原在web页面上作为基础视图；

将所述页面变化记录按照记录的时间戳进行逐一还原，基于所述基础视图进行页面调整。

7.根据权利要求2-6中任一项所述的方法，其特征在于，所述依据所述页面变化记录对应的时间戳在所述页面基础信息还原所述页面变化记录之前，所述方法还包括：

获取所述压缩包中存储的媒体链接，依据所述媒体连接获取对应的媒体文件。

8.一种移动端RN页面录屏回放的装置，其特征在于，所述装置包括：

第一信息获取模块，用于获取移动端RN页面的页面基础信息，所述页面基础信息为移动端执行录屏操作时记录的RN页面数据结构关联的信息；

第二信息获取模块，用于获取所述RN页面的页面变化信息，所述页面变化信息包括页面变化记录以及所述页面变化记录对应的时间戳；

回放模块，用于依据所述页面变化记录对应的时间戳在所述页面基础信息还原所述页面变化记录，以实现录屏回放。

9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质用于存储程序代码，所述程序代码用于执行权利要求1-7任一项所述的方法。

10.一种计算设备，其特征在于，所述计算设备包括处理器以及存储器：

所述存储器用于存储程序代码，并将所述程序代码传输给所述处理器；

所述处理器用于根据所述程序代码中的指令执行权利要求1-7任一项所述的方法。