CN114398243A - 一种关于用户操作轨迹的回溯方法及系统 - Google Patents

Abstract

本发明公开了一种关于用户操作轨迹的回溯方法及系统，所述方法综合了运用网页操作追踪技术、数据压缩、编码、上传等处理技术，可以将用户在页面的所有操作行为轨迹，包括上拉、下滑、弹屏、信息录入、点击、页面切换等操作进行全面、真实的记录且采集过程用户无感知，终端只需要集成相应组件即可快速启动采集任务，无需客户端授权，操作方便快捷；而且终端可以运用采集的数据进行可视化还原、数据编排等操作，可以将产品版本、页面和用户行为精准可视化还原，让用户行为清晰直观，实现重要信息可查询、问题责任可确认；本发明运用无损压缩、加密技术生成可回溯文件，进行持久化保存，需要时可转换为视频文件，还原用户操作轨迹，回溯材料可举证。

Description

一种关于用户操作轨迹的回溯方法及系统

技术领域

本发明涉及用户操作轨迹追溯的技术领域，尤其涉及一种关于用户终端操作轨迹的回溯方法及系统。

背景技术

随着互联网技术的发展和普及，越来越多的业务已从原有的线下处理改变为线上处理，更多时候需要用户在线上完成。即用户通过在线上的操作页面进行页面会话或者页面操作。而在操作过程中，容易出现误触碰或错误触碰，为了保障用户与企业双方，记录与追溯用户的线上操作轨迹，是具有非常重要的实用价值。

目前常用的轨迹追溯方法是采用静态截图+数据埋点的方式。其操作流程如下：1)系统在用户操作页面的过程中，当用户操作至一些关键步骤时截取一张当前页面的静态图片，编号并保存到服务器；2)通过埋点的方式，将用户操作的一些关键步骤的操作行为记录到数据库；3)当需要进行回溯数据还原的时候，通过查看用户的操作行为和当前行为对应的快照页面进行回溯。

但目前常用的轨迹追溯方法有如下技术问题：由于采集的时间节点分段式，使得采集的静态截图是非连续性，容易丢失部分操作细节，导致追溯回来的用户数据是断断续续的，难以反映用户的真实操作；而且静态截图容易被人篡改，导致追溯后的操作轨迹与实际部分，降低了追溯的可信度与准确率。

发明内容

本发明提出一种关于用户操作轨迹的回溯方法及系统，所述方法可以记录并可视化还原用户页面的所有操作行为轨迹，以实现重要信息可查询、问题责任可确认以及回溯举证等效果。

本发明实施例的第一方面提供了一种关于用户操作轨迹的回溯方法，所述方法应用于用户终端，所述用户终端与后台服务器连接，所述方法包括：

在确定用户触发所述用户终端的显示页面时，基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集，并按照预设的数据量将所述元素数据集发送至所述后台服务器，以供后台服务器保存，其中，所述元素数据集包括DOM元素数据和用户操作的轨迹数据；

当确定用户打开所述用户终端的回溯页面时，从所述后台服务器获取所述元素数据集；

分别解密所述DOM元素数据和所述轨迹数据得到解密元素数据和解密轨迹数据；

基于所述解密元素数据构建展示页面，并根据时间顺序读取所述解密轨迹数据以及通过javascript脚本模拟所述解密轨迹数据对应的用户操作，以实现可视化回溯展示用户执行操作的轨迹。

在第一方面的一种可能的实现方式中，所述基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集，包括：

获取用户设定的元素信息，所述元素信息为用户设定的所要采集的元素类型的集合；

按照所述元素信息在所述用户终端的显示页面中采集因用户操作而变化的若干个元素类型，并记录每个所述元素类型对应的时间戳，以构建得到节点树结构的DOM元素数据；

获取每个所述元素类型的元素数据并对每个所述元素数据添加对应的标识，得到轨迹数据。

在第一方面的一种可能的实现方式中，在所述基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集的步骤后，所述方法还包括：

采集所述用户终端的显示页面的静态数据，所述静态数据包括图片数据和CSS样式数据；

修改所述静态数据的存储地址，并将所述存储地址发送至所述后台服务器，以供所述后台服务器将所述存储地址设定为缓存地址，并基于所述缓存地址对录制用户执行操作的轨迹。

在第一方面的一种可能的实现方式中，所述基于所述解密元素数据构建展示页面，包括：

从所述解密元素数据中提取节点树数据；

逐层遍历所述节点树数据生成DOM结构，并从所述后台服务器中加载所述静态数据；

采用所述DOM结构和所述静态数据在iframe中构建展示页面。

在第一方面的一种可能的实现方式中，在所述基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集的步骤后，所述方法还包括：

获取用户输入的业务数据和业务编号，其中，所述业务数据与所述业务编号为用户触发所述用户终端的显示页面时输入；

将所述业务编号添加至所述元素数据集中；

关联所述元素数据集与所述业务数据。

在第一方面的一种可能的实现方式中，所述按照预设的数据量将所述元素数据集发送至所述后台服务器，包括：

按照预设的数据容量将所述元素数据集划分成若干个数据包；

采用定量方式将所述若干个数据包上传至所述后台服务器。

在第一方面的一种可能的实现方式中，在所述可视化回溯展示用户执行操作的轨迹的步骤后，所述方法还包括：

根据所述解密元素数据和所述解密轨迹数据制作视频文件；

将所述视频文件发送至所述后台服务器，使所述后台服务器保持所述视频文件，以供用户查询或举证。

本发明实施例的第二方面提供了一种关于用户操作轨迹的回溯系统，所述系统应用于用户终端，所述用户终端与后台服务器连接，所述系统包括：

采集并发送模块，用于在确定用户触发所述用户终端的显示页面时，基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集，并按照预设的数据量将所述元素数据集发送至所述后台服务器，以供后台服务器保存，其中，所述元素数据集包括DOM元素数据和用户操作的轨迹数据；

获取模块，用于当确定用户打开所述用户终端的回溯页面时，从所述后台服务器获取所述元素数据集；

解密模块，用于分别解密所述DOM元素数据和所述轨迹数据得到解密元素数据和解密轨迹数据；

可视化模块，用于基于所述解密元素数据构建展示页面，并根据时间顺序读取所述解密轨迹数据以及通过javascript脚本模拟所述解密轨迹数据对应的用户操作，以实现可视化回溯展示用户执行操作的轨迹。

相比于现有技术，本发明实施例提供的一种关于用户操作轨迹的回溯方法及系统，其有益效果在于：本发明综合运用网页操作追踪技术、数据压缩、编码、上传等处理技术，可以将用户在页面的所有操作行为轨迹，包括上拉、下滑、弹屏、信息录入、点击、页面切换等操作进行全面、真实的记录，采集过程用户无感知；本发明也可以支持自定义要采集的HTML元素，满足客户个性化的采集要求，支持增量采集，定量上传，只采集变化的操作轨迹，数据被定量持续上传到服务器，避免数据采集的冗余和一次性上传导致的网络延迟；并且本发明可以将采集的操作轨迹数据和业务数据进行关联，实现跟进业务信息进行可回溯信息查询，统计等功能；另外，后台服务器可以提供回溯数据管理，通过可视化的回溯形式，让用户行为清晰直观，以及可以将回溯信息转换为MP4格式的视频文件，作为有效的回溯材料举证。

附图说明

图1是本发明一实施例提供的一种关于用户操作轨迹的回溯方法的流程示意图；

图2是本发明一实施例提供的一种关于用户操作轨迹的回溯系统的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

目前常用的轨迹追溯方法有如下技术问题：由于采集的时间节点分段式，使得采集的静态截图是非连续性，容易丢失部分操作细节，导致追溯回来的用户数据是断断续续的，难以反映用户的真实操作；而且静态截图容易被人篡改，导致追溯后的操作轨迹与实际部分，降低了追溯的可信度与准确率。

为了解决上述问题，下面将通过以下具体的实施例对本申请实施例提供的一种关于用户终端操作轨迹的回溯方法进行详细介绍和说明。

在一实施例中，所述方法应用于用户终端，所述用户终端与后台服务器连接。

可选地，用户终端可以是搭载了SDK组件的智能终端，用户终端可以用于采集用户的各种采集轨迹。后台服务器可以用于存储与处理用户各种操作轨迹的数据，以方便用户进行回溯操作。

参照图1，示出了本发明一实施例提供的一种关于用户操作轨迹的回溯方法的流程示意图。

其中，作为示例的，所述关于用户终端操作轨迹的回溯方法，可以包括：

S11、在确定用户触发所述用户终端的显示页面时，基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集，并按照预设的数据量将所述元素数据集发送至所述后台服务器，以供后台服务器保存，其中，所述元素数据集包括DOM元素数据和用户操作的轨迹数据。

元素信息为用户终端的显示页面所要采集的显示元素。

在一可选的操作方式中，用户终端可以通过终端屏幕的显示页面采集用户的点击或滑动等触发操作，并在接收用户的触发操作后按照用户预设自定义的元素信息，重复采集并录制各个关于用户执行操作的轨迹的显示元素，并将各个显示元素集合成对应的元素数据集。

由于采集的数据是实时的，而用户的操作时长可能较长，可能较短，当用户的操作时间较长时，产生的数据量也较多。若在用户操作完成后才将大量的数据上传至服务器，会增加用户终端的负担，同时也增加了上传的时间，降低了数据处理效率。可以按照预设的数据量将元素数据集发送至后台服务器。

以H5端作例子，用户可以预先指定哪些HTML元素不被采集，哪些HTML元素被采集，从而制作得到对应的元素信息。然后H5端可以按照元素信息将所有的不被采集的元素id封装到数组中，该元素及其子元素将不被采集。其余的元素可以在用户执行操作时采集。

由于采集的元素数据是实时执行，且采集的数据较多，若采集的数据出错或者混乱，会导致后续的回溯出错，降低展示回溯的效果。为了准确采集多个元素数据，避免元素数据出现混乱的情况，其中，作为示例的，步骤S11可以包括以下子步骤：

子步骤S111、获取用户设定的元素信息，所述元素信息为用户设定的所要采集的元素类型的集合。

具体地，所述元素信息可以包括需要采集的元素类型，也可以包括不需要采集的元素类型，可以按照需要采集的元素类型进行特定元素数据的采集；也可以按照不需要采集的元素类型，剔除部分元素数据。

子步骤S112、按照所述元素信息在所述用户终端的显示页面中采集因用户操作而变化的若干个元素类型，并记录每个所述元素类型对应的时间戳，以构建得到节点树结构的DOM元素数据。

在一可选的应用方式里，可以确定不需要采集的元素类型，除了不需要采集的元素类型外的元素数据均采集。在开始采集后，首先可以捕获页面的所有DOM元素，生成一个尽量精简的节点树。其中：采集的script元素会替换成no-script元素，并避免加载对应javascript脚本；同时根据确定的不需要采集的元素类型可以筛选不需要采集的元素，不再采集其子元素，并以一个等宽高占位元素代替，避免样式错乱。

而在应用时，如果后续页面元素发生变化，例如元素的添加、删除或属性更改，或产生用户操作，例如用户点击，滚动屏幕，都会根据节点树生成记录该操作的数据，其中数据带有当时用户系统的时间戳，避免数据顺序混乱。

需要说明的是，在回溯时只需要页面DOM元素样式或数据的变更，并不关心具体事件或javascript脚本内容，所以，可以只采集DOM元素的类型和属性。

子步骤S113、获取每个所述元素类型的元素数据并对每个所述元素数据添加对应的标识，得到轨迹数据。

由于DOM元素的类型可以大致分为四类，包括：文本内容变化，属性变化，元素增加和元素删除，通过记录需要更改元素的id，以及更改的内容进行记录。其中，可以使用texts，attributes，adds，removes分别对应文本变更，属性变更，元素增加和元素删除。在文本变更时，可以指定元素对应的id，以及更改后的文本内容value；属性变更会指定元素对应的id，以及需要更改的属性的键值对；元素增加会指定挂载父元素对应的id，以及要增加的元素节点内容；元素删除会指定该元素对应的id和其父元素的id。

通过对每个元素数据进行标识，可以利用其标识对元素数据进行排序和整理，避免出现数据混乱的情况，以提高回溯效果。

由于记录和采集的数据容量较大，为了方便处理数据，提高数据的传输效率，其中，作为示例的，步骤S11可以包括以下子步骤：

子步骤S114、按照预设的数据容量将所述元素数据集划分成若干个数据包。

子步骤S115、采用定量方式将所述若干个数据包上传至所述后台服务器。

可选地，可以在采集完元素数据集后，将预设的数据容量将元素数据集进行数据划分，得到与预设的数据容量相同容量值的若干个数据包，再将若干个数据包定量上传至后台服务器中。

在又一可选的实施例中，也可以是设定一个数据容量值，当元素数据集达到预设的数据容量值时，将元素数据集制作成一个数据包，将该数据包发送至后台服务器，同时继续采集关于操作轨迹的元素数据，并将继续采集的元素数据作为下一个数据包。通过按照预设的数据量的方式发送元素数据，可以提高数据的传输效率。

在实际应用时，录制的源页面中使用了一个静态资源图片A的地址，录制后产生的数据中存储了静态资源图片A的地址作为录制数据的引用。若源页面在一次更新后删除了静态资源图片A的，其地址已被删除，根据之前的地址无法获取到静态资源图片A的了，这时候如果通过回放之前录制的数据对静态资源图片A的进行应用或引用时就获取不到图片，导致回溯出现差异。

为了避免图片引用出错的情况，在一实施例中，在步骤S11后，所述方法还可以包括以下步骤：

S21、采集所述用户终端的显示页面的静态数据，所述静态数据包括图片数据和CSS样式数据。

S22、修改所述静态数据的存储地址，并将所述存储地址发送至所述后台服务器，以供所述后台服务器将所述存储地址设定为缓存地址，并基于所述缓存地址对录制用户执行操作的轨迹。

通过修改静态数据的存储地址，后台服务器可以根据修改后的地址直接获取到该静态数据并可以在后台服务器中备份，确保所有历史静态数据都可以正常引用，同时后台服务器可以更替录制后产生的数据中对应静态数据的引用地址为后台服务器的备份的地址。

在后续进行可视化回溯时，即使静态数据的地址出现变更，也不会导致回放的时候无法正常引用该静态数据的情况，以提高回溯效果。

由于用户执行不同的操作可能对应不同的业务，为了方便用户可以在后续查询其执行的操作，在一实施例中，在步骤S11后，所述方法还可以包括以下步骤：

S31、获取用户输入的业务数据和业务编号，其中，所述业务数据与所述业务编号为用户触发所述用户终端的显示页面时输入。

在业务数据可以是用户处理业务的数据，例如，物资领取、身份信息、沟通聊天内容等等。

S32、将所述业务编号添加至所述元素数据集中。

S33、关联所述元素数据集与所述业务数据。

通过将元素数据集与业务数据进行支关联，可以实现跟进业务信息的效果，从而可以根据用户的业务数据进行可回溯信息查询，统计等功能。

S12、当确定用户打开所述用户终端的回溯页面时，从所述后台服务器获取所述元素数据集。

在记录用户的操作轨迹后，当用户需要对其在先的操作轨迹进行回溯时，用户可以触发用户终端打开其回溯页面，用户终端在确定用户打开回溯页面时，可以从后台服务器中提取存储的元素数据集。

在具体实现中，由于用户的元素数据集与其业务数据绑定关联，可以获取用户的业务数据，基于业务数据差值对应的元素数据集，从而可以对应可视化回溯对应的操作轨迹。

S13、分别解密所述DOM元素数据和所述轨迹数据得到解密元素数据和解密轨迹数据。

在一实施例中，为了避免数据泄露，后台服务器在收集用户终端上传的元素数据集后，可以对其元素数据集进行加密存储，提高数据的安全性。

当用户终端需要展示用户的操作轨迹时，用户终端可以对后台服务器加密的元素数据集进行解密，得到解密元素数据和解密轨迹数据，再利用解密元素数据和解密轨迹数据进行可视化操作。

通过解密操作，也可以确定该用户终端是否具有可视化回溯的权限，若用户终端无法解密，可以确定该用户终端没有可视化的权限，将不能进行可视化展示，以保障用户的元素数据集不被盗窃。

可选地，解密方式可以是Gzip算法。

S14、基于所述解密元素数据构建展示页面，并根据时间顺序读取所述解密轨迹数据以及通过javascript脚本模拟所述解密轨迹数据对应的用户操作，以实现可视化回溯展示用户执行操作的轨迹。

在得到解密元素数据和解密轨迹数据后，用户终端可以基于解密元素数据构建对应的展示页面，然后按照采集轨迹数据的时间顺序读取解密轨迹数据，最后再通过javascript脚本模拟所述解密轨迹数据对应的用户操作，以实现可视化回溯展示用户执行操作的轨迹。

为了让回溯效果更加畅顺，在一实施例中，步骤S14可以包括以下子步骤：

子步骤S141、从所述解密元素数据中提取节点树数据。

子步骤S142、逐层遍历所述节点树数据生成DOM结构，并从所述后台服务器中加载所述静态数据。

由于所有数据都有type属性作为标识，当type为0时该数据为节点树数据，type为1时为增量数据(即基于节点树变化的数据)，增量数据都有source属性记录增量来源，为0时是dom元素变化，1时是鼠标移动事件，2时是鼠标点击事件，3时是滚轮滑动事件，等等。通过遍历节点树数据可以得到用户的各个操作轨迹。

子步骤S143、采用所述DOM结构和所述静态数据在iframe中构建展示页面。

本发明可依赖原生javascript，除了开始的节点树外后续操作数据体积非常小，并且带有时序标识，方便进行切割处理，且处理效率快，相比与直接进行视频录制，有兼容性好，用户体验更佳，数据处理方便等等优点。

为了方便用户后续进行审核查询，在一实施例中，所述方法还可以包括：

S15、根据所述解密元素数据和所述解密轨迹数据制作视频文件。

S16、将所述视频文件发送至所述后台服务器，使所述后台服务器保持所述视频文件，以供用户查询或举证。

另外，本发明可以综合运用无损压缩、加密技术将视频文件加密生成加密文件，进行持久化保存，方便回溯材料可举证。

在本实施例中，本发明实施例提供了一种关于用户终端操作轨迹的回溯方法，其有益效果在于：本发明综合运用网页操作追踪技术、数据压缩、编码、上传等处理技术，可以将用户在页面的所有操作行为轨迹，包括上拉、下滑、弹屏、信息录入、点击、页面切换等操作进行全面、真实的记录，采集过程用户无感知；本发明也可以支持自定义要采集的HTML元素，满足客户个性化的采集要求，支持增量采集，定量上传，只采集变化的操作轨迹，数据被定量持续上传到服务器，避免数据采集的冗余和一次性上传导致的网络延迟；并且本发明可以将采集的操作轨迹数据和业务数据进行关联，实现跟进业务信息进行可回溯信息查询，统计等功能；另外，后台服务器可以提供回溯数据管理，通过可视化的回溯形式，让用户行为清晰直观，以及可以将回溯信息转换为MP4格式的视频文件，作为有效的回溯材料举证。

本发明实施例还提供了一种关于用户操作轨迹的回溯系统，参见图2，示出了本发明一实施例提供的一种关于用户操作轨迹的回溯系统的结构示意图。

所述系统应用于用户终端，所述用户终端与后台服务器连接。

其中，作为示例的，所述关于用户终端操作轨迹的回溯系统可以包括：

采集并发送模块201，用于在确定用户触发所述用户终端的显示页面时，基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集，并按照预设的数据量将所述元素数据集发送至所述后台服务器，以供后台服务器保存，其中，所述元素数据集包括DOM元素数据和用户操作的轨迹数据；

获取模块202，用于当确定用户打开所述用户终端的回溯页面时，从所述后台服务器获取所述元素数据集；

解密模块203，用于分别解密所述DOM元素数据和所述轨迹数据得到解密元素数据和解密轨迹数据；

可视化模块204，用于基于所述解密元素数据构建展示页面，并根据时间顺序读取所述解密轨迹数据以及通过javascript脚本模拟所述解密轨迹数据对应的用户操作，以实现可视化回溯展示用户执行操作的轨迹。

可选地，所述采集并发送模块还用于：

获取用户设定的元素信息，所述元素信息为用户设定的所要采集的元素类型的集合；

按照所述元素信息在所述用户终端的显示页面中采集因用户操作而变化的若干个元素类型，并记录每个所述元素类型对应的时间戳，以构建得到节点树结构的DOM元素数据；

获取每个所述元素类型的元素数据并对每个所述元素数据添加对应的标识，得到轨迹数据。

可选地，在所述基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集的步骤后，所述系统还包括：

采集静态数据模块，用于采集所述用户终端的显示页面的静态数据，所述静态数据包括图片数据和CSS样式数据；

修改地址模块，用于修改所述静态数据的存储地址，并将所述存储地址发送至所述后台服务器，以供所述后台服务器将所述存储地址设定为缓存地址，并基于所述缓存地址对录制用户执行操作的轨迹。

可选地，所述可视化模块还用于：

从所述解密元素数据中提取节点树数据；

逐层遍历所述节点树数据生成DOM结构，并从所述后台服务器中加载所述静态数据；

采用所述DOM结构和所述静态数据在iframe中构建展示页面。

可选地，在所述基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集的步骤后，所述系统还包括：

获取业务数据模块，用于获取用户输入的业务数据和业务编号，其中，所述业务数据与所述业务编号为用户触发所述用户终端的显示页面时输入；

添加模块，用于将所述业务编号添加至所述元素数据集中；

关联模块，用于关联所述元素数据集与所述业务数据。

可选地，所述采集并发送模块还用于：

按照预设的数据容量将所述元素数据集划分成若干个数据包；

采用定量方式将所述若干个数据包上传至所述后台服务器。

可选地，在所述可视化回溯展示用户执行操作的轨迹的步骤后，所述系统还包括：

视频制作模块，用于根据所述解密元素数据和所述解密轨迹数据制作视频文件；

视频发送模块，用于将所述视频文件发送至所述后台服务器，使所述后台服务器保持所述视频文件，以供用户查询或举证。

进一步的，本申请实施例还提供了一种电子设备，包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述实施例所述的关于用户终端操作轨迹的回溯方法。

进一步的，本申请实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令用于使计算机执行如上述实施例所述的关于用户终端操作轨迹的回溯方法。

以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围。

Claims (10)

1.一种关于用户操作轨迹的回溯方法，其特征在于，所述方法应用于用户终端，所述用户终端与后台服务器连接，所述方法包括：

在确定用户触发所述用户终端的显示页面时，基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集，并按照预设的数据量将所述元素数据集发送至所述后台服务器，以供后台服务器保存，其中，所述元素数据集包括DOM元素数据和用户操作的轨迹数据；

当确定用户打开所述用户终端的回溯页面时，从所述后台服务器获取所述元素数据集；

分别解密所述DOM元素数据和所述轨迹数据得到解密元素数据和解密轨迹数据；

基于所述解密元素数据构建展示页面，并根据时间顺序读取所述解密轨迹数据以及通过javascript脚本模拟所述解密轨迹数据对应的用户操作，以实现可视化回溯展示用户执行操作的轨迹。

2.根据权利要求1所述的关于用户操作轨迹的回溯方法，其特征在于，所述基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集，包括：

获取用户设定的元素信息，所述元素信息为用户设定的所要采集的元素类型的集合；

按照所述元素信息在所述用户终端的显示页面中采集因用户操作而变化的若干个元素类型，并记录每个所述元素类型对应的时间戳，以构建得到节点树结构的DOM元素数据；

获取每个所述元素类型的元素数据并对每个所述元素数据添加对应的标识，得到轨迹数据。

3.根据权利要求1或2任意一项所述的关于用户操作轨迹的回溯方法，其特征在于，在所述基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集的步骤后，所述方法还包括：

采集所述用户终端的显示页面的静态数据，所述静态数据包括图片数据和CSS样式数据；

修改所述静态数据的存储地址，并将所述存储地址发送至所述后台服务器，以供所述后台服务器将所述存储地址设定为缓存地址，并基于所述缓存地址对录制用户执行操作的轨迹。

4.根据权利要求3所述的关于用户操作轨迹的回溯方法，其特征在于，所述基于所述解密元素数据构建展示页面，包括：

从所述解密元素数据中提取节点树数据；

逐层遍历所述节点树数据生成DOM结构，并从所述后台服务器中加载所述静态数据；

采用所述DOM结构和所述静态数据在iframe中构建展示页面。

5.根据权利要求1或2任意一项所述的关于用户操作轨迹的回溯方法，其特征在于，在所述基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集的步骤后，所述方法还包括：

获取用户输入的业务数据和业务编号，其中，所述业务数据与所述业务编号为用户触发所述用户终端的显示页面时输入；

将所述业务编号添加至所述元素数据集中；

关联所述元素数据集与所述业务数据。

6.根据权利要求1或2任意一项所述的关于用户操作轨迹的回溯方法，其特征在于，所述按照预设的数据量将所述元素数据集发送至所述后台服务器，包括：

按照预设的数据容量将所述元素数据集划分成若干个数据包；

采用定量方式将所述若干个数据包上传至所述后台服务器。

7.根据权利要求1或2任意一项所述的关于用户操作轨迹的回溯方法，其特征在于，在所述可视化回溯展示用户执行操作的轨迹的步骤后，所述方法还包括：

根据所述解密元素数据和所述解密轨迹数据制作视频文件；

将所述视频文件发送至所述后台服务器，使所述后台服务器保持所述视频文件，以供用户查询或举证。

8.一种关于用户操作轨迹的回溯系统，其特征在于，所述系统应用于用户终端，所述用户终端与后台服务器连接，所述系统包括：

采集并发送模块，用于在确定用户触发所述用户终端的显示页面时，基于用户自定义的元素信息重复采集并录制用户的执行操作的轨迹得到元素数据集，并按照预设的数据量将所述元素数据集发送至所述后台服务器，以供后台服务器保存，其中，所述元素数据集包括DOM元素数据和用户操作的轨迹数据；

获取模块，用于当确定用户打开所述用户终端的回溯页面时，从所述后台服务器获取所述元素数据集；

解密模块，用于分别解密所述DOM元素数据和所述轨迹数据得到解密元素数据和解密轨迹数据；

可视化模块，用于基于所述解密元素数据构建展示页面，并根据时间顺序读取所述解密轨迹数据以及通过javascript脚本模拟所述解密轨迹数据对应的用户操作，以实现可视化回溯展示用户执行操作的轨迹。

9.一种电子设备，其特征在于，包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1-7任意一项所述的关于用户终端操作轨迹的回溯方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令用于使计算机执行如权利要求1-7任意一项所述的关于用户终端操作轨迹的回溯方法。

Images