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

说明书

本申请提供一种页面事件复现方法、采集方法、装置及电子设备，所述页面事件复现方法包括：获取目标页面的关键帧，关键帧包括目标页面中与显示相关的超文本标记语言信息；根据关键帧确定目标页面的界面元素；获取与关键帧对应的事件信息；根据事件信息在界面元素中绘制用户操作轨迹和/或显示事件信息；根据界面元素绘制目标页面的事件复现视频。通过获取目标页面中与显示相关的超文本标记语言信息来目标页面的事件复现视频，并根据目标页面上产生的事件信息在事件复现视频上显示用户的操作轨迹或显示事件信息。如此，页面复现的过程可以展示与事件信息相关的更丰富更真实的内容，使开发人员可以更准确地确定页面存在的问题。

技术领域

本申请涉及软件测试技术领域，具体而言，涉及一种页面事件复现方法、采集方法、装置及电子设备。

背景技术

在页面测试过程中，复现某个页面上产生的事件(如用户操作事件或页面故障事件等)，可以帮助开发者确定页面中存在的问题并加以改进或修复。在一些页面事件复现的方案中，通过预在页面的执行文件手动设置数据获取点位(埋点)，在产生特定事件时采集用户行为数据，然后再结合页面的截图，复现用户的操作过程。但是这些方式往往能够获取或展现的数据丰富程度较低，无法准确地复现用户的行为和触发的事件。

发明内容

为了克服现有技术中的上述不足，本申请的目的之一在于提供一种页面事件复现方法，所述方法包括：

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

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

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

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

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

在一种可能的实现方式中，所述方法还包括：

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

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

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

在一种可能的实现方式中，所述根据所述时间戳，建立所述关键帧与所述事件信息的对应关系的步骤，包括：

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

在一种可能的实现方式中，所述关键帧包括所述目标页面的文档对象模型和层叠样式表。

在一种可能的实现方式中，所述根据所述事件信息在所述界面元素中绘制用户操作轨迹和/或显示所述事件信息的步骤，包括：

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

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

在一种可能的实现方式中，根据所述事件信息中用户操作的操作类型及操作位置，在所述界面元素中绘制相应的操作标识的步骤，包括：

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

在一种可能的实现方式中，所述关键帧还包括采集该关键帧时的系统运行数据；所述方法还包括：

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