[发明专利]一种通过dom节点回溯用户操作的方法及系统

说明书

本发明实施例公开了一种通过dom节点回溯用户操作的方法及系统，方法包括：检测到用户访问浏览器界面，记录当前浏览器界面对应的原始dom树；获取用户在浏览器界面上的操作，根据操作对原始dom树进行更改，得到更改后的变更dom树；获取变更dom树与原始dom树的差异数据，记为差异dom数据；将差异dom数据转化为可序列化的目标数据结构；根据目标数据结构重建对应的目标dom树，根据目标dom树进行用户操作的回溯。本发明实施例基于dom的不断变化渲染，将操作记录记录(dom渲染过程)下来，在监控端进行dom操作回溯，来实现整个屏幕录制及用户操作的显示，方便用户对操作进行回溯。

技术领域

本发明涉及计算机技术领域，尤其涉及一种通过dom节点回溯用户操作的方法及系统。

背景技术

目前，用户界面操作都是通过系统窗口录制或者canvas绘制界面的方式来记录，或是通过第三方工具录制整个系统桌面界面。

通过第三方工具绘制不稳定；通过canvas则遇到跨域图片则绘制不成功的问题。

因此现有的用户界面操作方法在传输过程中传输文件较大，传输时间久，文件内容容易丢失。

因此现有技术还有待于进一步发展。

发明内容

针对上述技术问题，本发明实施例提供了一种通过dom节点回溯用户操作的方法及系统，能够解决现有技术中用户界面操作步骤复杂，不方便用户操作的技术问题。

本发明实施例的第一方面提供一种通过dom节点回溯用户操作的方法，包括：

检测到用户访问浏览器界面，记录当前浏览器界面对应的原始dom树；

获取用户在浏览器界面上的操作，根据操作对原始dom树进行更改，得到更改后的变更dom树；

获取变更dom树与原始dom树的差异数据，记为差异dom数据；

将差异dom数据转化为可序列化的目标数据结构；

根据目标数据结构重建对应的目标dom树，根据目标dom树进行用户操作的回溯。

可选地，所述检测到用户访问浏览器界面，记录当前浏览器界面对应的原始dom树，包括：

检测到用户访问浏览器界面，记录当前浏览器界面对应的原始dom树；

获取浏览器界面对应的地址，将浏览器界面的网络地址跳转记录及登录设备信息进行存储。

可选地，所述获取变更dom树与原始dom树的差异数据，记为差异dom数据，包括：

根据diff算法对变更dom树与原始dom树进行对比，根据对比结果获取变更dom树与原始dom树的差异dom数据并存储。

可选地，所述将差异dom数据转化为可序列化的目标数据结构，包括：

获取差异dom数据的状态，所述状态包括dom的样式属性及节点属性；

根据差异dom数据将用户操作的执行脚本、文件之间的引用关系；

将用户操作的执行脚本转换不可执行的状态；

根据文件之间的引用关系将相对路径转为绝对路径后，生成目标数据结构；

获取目标数据结构的节点数据，对每一个节点都添加一个键值，键值用于对节点进行标识；

记录差异dom数据对应的变更时间。

可选地，所述根据目标数据结构重建对应的目标dom树，根据目标dom树进行用户操作的回溯，包括：