一种文档界面生成的方法及相关设备技术

本申请实施例提供了一种文档界面生成的方法及相关设备，在进行界面回放时需要进行数据计算的数据更少，进而减少界面回放所需的时长。该方法包括：响应界面回放指令，从数据库中获取针对于目标文档的初始快照、第一比对结果以及第二比对结果，其中，第一比对结果为第(t

【技术实现步骤摘要】
一种文档界面生成的方法及相关设备


[0001]本申请涉及大数据领域，尤其涉及一种文档界面生成的方法及相关设备。

技术介绍

[0002]文档对象模型(Document Object Model，DOM)是超文本标记语言(Hyper Text Markup Language，HTML)和可扩展标记语言(Extensible Markup Language，XML)文档的编程接口，它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该文档的结构进行访问，从而改变文档的结构、样式和内容。DOM将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。
[0003]目前来说，主要通过突变观察者(MutationObserver)来观察DOM树结构的变化，但是由于MutationObserver对DOM的变化会进行实时响应，在一个刷新率帧同一个DOM节点变化多次都会被收集，例如DOM节点中的节点A的某个属性的初始值为1，当该属性的初始值发生变化，那么在针对该节点A的进行数据收集时，会收集一个刷新帧率下的该节点A的某个属性的初始值以及该属性发生变化后的所有数据，例如该属性在同一个刷新帧率下发生了2次变化，则会收集3条数据。
[0004]这样就会导致针对该节点A的某个属性所收集的数据量大大增加，那么在对该节点A的操作进行界面回放时，所需处理的数据量较大，进而增加界面回放的时长。

技术实现思路

[0005]本申请提供了一种文档界面生成的方法及相关设备，在进行界面回放时需要处理的数据更少，进而减少界面回放所需的时长。
[0006]本申请实施例一方面提供一种文档界面生成的方法，包括：
[0007]响应界面回放指令，从数据库中获取针对于目标文档的初始快照、第一比对结果以及第二比对结果，其中，第一比对结果为第(t
‑
1)个快照与初始快照的比对结果，第二比对结果为第t个快照与初始快照的比对结果，t为大于2的整数；
[0008]根据初始快照和第一比对结果，生成第(t
‑
1)个快照；
[0009]根据初始快照和第二比对结果，生成第t个快照；
[0010]根据第(t
‑
1)个快照、第t个快照以及第(t
‑
1)个快照所对应的文档界面，生成第t个快照所对应的文档界面。
[0011]本申请实施例另一方面提供了一种文档界面生成装置，包括：
[0012]获取单元，用于响应界面回放指令，从数据库中获取针对于目标文档的初始快照、第一比对结果以及第二比对结果，其中，第一比对结果为第(t
‑
1)个快照与初始快照的比对结果，第二比对结果为第t个快照与初始快照的比对结果，t为大于2的整数；
[0013]第一生成单元，用于根据初始快照和第一比对结果，生成第(t
‑
1)个快照；
[0014]第二生成单元，用于根据初始快照和第二比对结果，生成第t个快照；
[0015]第三生成单元，用于根据第(t
‑
1)个快照、第t个快照以及第(t
‑
1)个快照所对应的
文档界面，生成第t个快照所对应的文档界面。
[0016]在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第三生成单元具体用于：
[0017]将第(t
‑
1)个快照与第t个快照进行比对，得到第三比对结果，其中，每个快照均包含脚本属性列表，脚本属性列表中包含脚本属性以及脚本属性对应的属性值；
[0018]根据第三比对结果以及第(t
‑
1)个快照所对应的文档界面生成第t个快照所对应的文档界面。
[0019]在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第三生成单元根据第三比对结果以及第(t
‑
1)个快照所对应的文档界面生成第t个快照所对应的文档界面包括：
[0020]根据第三比对结果确定第t个快照与第(t
‑
1)个快照中属性值不同的脚本属性，以作为第一脚本属性；
[0021]根据第一脚本属性的属性值对第(t
‑
1)个快照所对应的文档界面进行修改，以生成第t个快照所对应的文档界面。
[0022]在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第一生成单元还用于：
[0023]根据初始快照和第四比对结果，生成第(t
‑
2)个快照，其中，第四比对结果为数据库中存储的第(t
‑
2)个快照与初始快照的比对结果；
[0024]将第(t
‑
1)个快照与第(t
‑
2)个快照进行比对，得到第五比对结果；
[0025]根据第五比对结果以及第(t
‑
2)个快照所对应的文档界面生成第(t
‑
1)个快照所对应的文档界面。
[0026]在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第三生成单元将第(t
‑
1)个快照与第t个快照进行比对，得到第三比对结果包括：
[0027]获取第(t
‑
1)个快照的属性列表以及第t个快照的属性列表；
[0028]确定第t个快照的属性列表中与第(t
‑
1)个快照的属性列表中属性值不同的脚本属性，以作为第二脚本属性；
[0029]将属性值不同的第二脚本属性确定为第三比对结果。
[0030]在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第一生成单元具体用于：
[0031]根据第一比对结果确定第(t
‑
1)个快照与初始快照中属性值不同的脚本属性，以作为第三脚本属性；
[0032]获取第三脚本属性的属性值；
[0033]根据第三脚本属性的属性值，对初始快照中与第三脚本属性所对应的脚本属性的属性值进行修改，得到第(t
‑
1)个快照。
[0034]在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，文档界面生成装置还包括：
[0035]处理单元，处理单元用于：
[0036]创建t个时刻对应的目标文档的t个快照，t个时刻包括初始时刻以及目标文档基于定时器执行每一帧回调函数的(t
‑
1)个时刻；
[0037]将(t
‑
1)个快照分别与初始快照进行比对得到(t
‑
1)个比对结果，(t
‑
1)个快照为t个快照中除初始快照之外的其它快照；
[0038]将初始快照与初始时刻作为一个信息对，存储至数据库；
[0039]将(t
‑
1)个比对结果与(t
‑
1)个时刻作为(t
‑
1)个信息对，存储至数据库。
[0040本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种文档界面生成的方法，其特征在于，包括：响应界面回放指令，从数据库中获取针对于目标文档的初始快照、第一比对结果以及第二比对结果，其中，所述第一比对结果为第(t
‑
1)个快照与所述初始快照的比对结果，所述第二比对结果为第t个快照与所述初始快照的比对结果，所述t为大于2的整数；根据所述初始快照和所述第一比对结果，生成所述第(t
‑
1)个快照；根据所述初始快照和所述第二比对结果，生成所述第t个快照；根据所述第(t
‑
1)个快照、所述第t个快照以及所述第(t
‑
1)个快照所对应的文档界面，生成所述第t个快照所对应的文档界面。2.根据权利要求1所述的方法，其特征在于，所述根据所述第(t
‑
1)个快照、所述第t个快照以及所述第(t
‑
1)个快照所对应的文档界面，生成所述第t个快照所对应的文档界面包括：将所述第(t
‑
1)个快照与所述第t个快照进行比对，得到第三比对结果；根据所述第三比对结果以及所述第(t
‑
1)个快照所对应的文档界面生成所述第t个快照所对应的文档界面，其中，每个快照均包含脚本属性列表，所述脚本属性列表中包含脚本属性以及所述脚本属性对应的属性值。3.根据权利要求2所述的方法，其特征在于，所述根据所述第三比对结果以及所述第(t
‑
1)个快照所对应的文档界面生成所述第t个快照所对应的文档界面包括：根据所述第三比对结果确定所述第t个快照与所述第(t
‑
1)个快照中属性值不同的脚本属性，以作为第一脚本属性；根据所述第一脚本属性的属性值对所述第(t
‑
1)个快照所对应的文档界面进行修改，以生成所述第t个快照所对应的文档界面。4.根据权利要求2所述的方法，其特征在于，所述方法还包括：根据所述初始快照和第四比对结果，生成第(t
‑
2)个快照，其中，所述第四比对结果为所述数据库中存储的所述第(t
‑
2)个快照与所述初始快照的比对结果；将所述第(t
‑
1)个快照与所述第(t
‑
2)个快照进行比对，得到第五比对结果；根据所述第五比对结果以及所述第(t
‑
2)个快照所对应的文档界面生成所述第(t
‑
1)个快照所对应的文档界面。5.根据权利要求2所述的方法，其特征在于，所述将所述第(t
‑
1)个快照与所述第t个快照进行比对，得到第三比对结果包括：获取所述第(t
‑
1)个快照的属性列表以及所述第t个快照的属性列表；确定所述第t个快照的属性列表中与所述第(t
‑<...

【专利技术属性】
技术研发人员：唐霜，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：