[发明专利]可视化用户操作回溯方法、装置、计算机设备及存储介质

权利要求书

1.一种可视化用户操作回溯方法，其特征在于，包括下述步骤：

基于用户页面的状态对所述用户页面进行快照抓取操作，获得页面快照；

序列化所述页面快照，获得序列化信息，并将所述序列化信息保存至数据库中；

在接收到回溯请求时，从所述数据库中获取所述序列化信息，对所述序列化信息进行反序列化操作，获得目标快照，并基于所述目标快照生成回溯视频，将所述回溯视频展示在前端页面中。

2.根据权利要求1所述的可视化用户操作回溯方法，其特征在于，所述基于用户页面的状态对所述用户页面进行快照抓取操作，获得页面快照的步骤包括：

加载用户页面的DOM元素，并对所述DOM元素进行快照抓取操作，获得第一页面快照；

实时监控所述DOM元素，在检测到所述DOM元素发生改变时，对改变后的所述DOM元素进行快照抓取操作，获得第二页面快照，并将所述第一页面快照和所述第二页面快照作为所述页面快照。

3.根据权利要求2所述的可视化用户操作回溯方法，其特征在于，所述在检测到所述DOM元素发生改变时，对改变后的所述DOM元素进行快照抓取操作，获得第二页面快照的步骤包括：

在检测到所述DOM元素发生改变时，将改变后的DOM元素作为目标DOM元素，将所述目标DOM元素中与所述DOM元素不同的数据作为差异数据；

对所述差异数据进行快照抓取操作，获得所述第二页面快照；

所述对所述序列化信息进行反序列化操作，获得目标快照的步骤包括：

对所述序列化信息进行反序列化操作，获得初始快照；

基于所述页面快照生成的时间顺序，对所述初始快照进行排序，获得初始快照序列，并将所述初始快照序列的第一个所述初始快照作为待替换快照；

确定与所述初始快照序列的第二个所述初始快照相对应的目标差异数据，并根据所述目标差异数据对所述待替换快照进行替换操作，得到与所述初始快照序列的第二个所述初始快照相对应的已替换快照；

从所述初始快照序列的第三个所述初始快照开始依次对相邻的上一个所述初始快照相对应的已替换快照执行所述替换操作，得到所有已替换快照，并将第一个所述初始快照和所有已替换快照作为所述目标快照。

4.根据权利要求1所述的可视化用户操作回溯方法，其特征在于，所述在接收到回溯请求时，从所述数据库中获取所述序列化信息的步骤包括：

在接收到回溯请求时，基于所述回溯请求进行权限校验和时间点校验，若效验通过，则从所述数据库中获取所述序列化信息。

5.根据权利要求1所述的可视化用户操作回溯方法，其特征在于，所述序列化所述页面快照，获得序列化信息的步骤包括：

去除所述页面快照的原始脚本模板，获得快照元素；

序列化所述快照元素，获得所述序列化信息。

6.根据权利要求5所述的可视化用户操作回溯方法，其特征在于，所述序列化所述快照元素，获得所述序列化信息的步骤包括：

通过预设的序列化函数对所述快照元素进行序列化操作，获得所述序列化信息。

7.根据权利要求1所述的可视化用户操作回溯方法，其特征在于，所述基于用户页面的状态对所述用户页面进行快照抓取操作，获得页面快照的步骤包括：

检测所述用户页面是否为目标区域页面，在所述用户页面为目标区域页面时，基于用户页面的状态对所述用户页面进行快照抓取操作，获得所述页面快照。

8.一种可视化用户操作回溯装置，其特征在于，包括：

抓取模块，用于基于用户页面的状态对所述用户页面进行快照抓取操作，获得页面快照；

保存模块，用于序列化所述页面快照，获得序列化信息，并将所述序列化信息保存至数据库中；

生成模块，用于在接收到回溯请求时，从所述数据库中获取所述序列化信息，对所述序列化信息进行反序列化操作，获得目标快照，并基于所述目标快照生成回溯视频，将所述回溯视频展示在前端页面中。