[发明专利]页面事件复现方法、采集方法、装置及电子设备

权利要求书

1.一种页面事件复现方法，其特征在于，所述方法包括：

获取目标页面的关键帧，所述关键帧包括所述目标页面中与显示相关的超文本标记语言信息；

根据所述关键帧确定所述目标页面的界面元素；

获取与所述关键帧对应的事件信息；

根据所述事件信息在所述界面元素中绘制用户操作轨迹和/或显示所述事件信息；

根据所述界面元素绘制所述目标页面的事件复现视频。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

获取所述目标页面的关键帧，所述关键帧中包括采集到该关键帧时的时间戳；

获取所述目标页面上产生的事件信息，所述事件信息中包括监听到该事件信息时的时间戳；

根据各所述关键帧和各所述事件信息的时间戳，建立所述关键帧与所述事件信息的对应关系。

3.根据权利要求2所述的方法，其特征在于，所述根据所述时间戳，建立所述关键帧与所述事件信息的对应关系的步骤，包括：

针对每个所述事件信息，将时间戳与该事件信息最接近的关键帧确定为与该事件信息对应的关键帧。

4.根据权利要求1所述的方法，其特征在于，所述关键帧包括所述目标页面的文档对象模型和层叠样式表。

5.根据权利要求1所述的方法，其特征在于，所述根据所述事件信息在所述界面元素中绘制用户操作轨迹和/或显示所述事件信息的步骤，包括：

根据所述事件信息中用户操作事件的操作类型及操作位置，在所述界面元素中绘制相应的操作标识；和/或

在所述界面元素中添加一信息展示区域，在所述信息展示区域显示所述事件信息。

6.根据权利要求5所述的方法，其特征在于，根据所述事件信息中用户操作事件的操作类型及操作位置，在所述界面元素中绘制相应的操作标识的步骤，包括：

根据多个连续的所述事件信息中的操作类型及操作位置，在所述界面元素中绘制与用户操作轨迹对应的操作标识。

7.根据权利要求1所述的方法，其特征在于，所述关键帧还包括采集该关键帧时的系统运行数据；所述方法还包括：

在所述界面元素中添加一信息展示区域，在所述信息展示区域显示所述系统运行数据。

8.一种页面事件采集方法，其特征在于，所述方法包括：

采集目标页面的关键帧，并为所述关键帧添加采集到该关键帧时的时间戳；所述关键帧包括所述目标页面中与显示相关的超文本标记语言信息；

监听并记录所述目标页面上产生的事件信息，并为所述事件信息添加监听到该事件信息时的时间戳。

9.根据权利要求8所述的方法，其特征在于，

所述采集目标页面的关键帧的步骤，包括：

通过第一Service Worker按照设定周期采集所述目标页面的关键帧；

所述监听并记录所述目标页面上产生的事件信息的步骤，包括：

通过第二Service Worker监听并记录所述目标页面上产生的事件信息。

10.根据权利要求9所述的方法，其特征在于，所述方法还包括：

根据所述时间戳，建立所述关键帧与所述事件信息的对应关系。

11.一种页面事件复现装置，其特征在于，所述装置包括：

关键帧获取模块，用于获取目标页面的关键帧，所述关键帧包括所述目标页面中与显示相关的超文本标记语言信息；

预渲染模块，用于根据所述关键帧确定所述目标页面的界面元素；

事件获取模块，用于获取与所述关键帧对应的事件信息；

重绘模块，用于根据所述事件信息在所述界面元素中绘制用户操作轨迹和/或显示所述事件信息；

输出模块，用于根据所述界面元素绘制所述目标页面的事件复现视频。