CN115221112A - 一种文档界面生成的方法及相关设备 - Google Patents

Abstract

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

Description

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

技术领域

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

背景技术

文档对象模型(Document Object Model，DOM)是超文本标记语言(Hyper TextMarkup Language，HTML)和可扩展标记语言(Extensible Markup Language，XML)文档的编程接口，它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该文档的结构进行访问，从而改变文档的结构、样式和内容。DOM将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。

目前来说，主要通过突变观察者(MutationObserver)来观察DOM树结构的变化，但是由于MutationObserver对DOM的变化会进行实时响应，在一个刷新率帧同一个DOM节点变化多次都会被收集，例如DOM节点中的节点A的某个属性的初始值为1，当该属性的初始值发生变化，那么在针对该节点A的进行数据收集时，会收集一个刷新帧率下的该节点A的某个属性的初始值以及该属性发生变化后的所有数据，例如该属性在同一个刷新帧率下发生了2次变化，则会收集3条数据。

这样就会导致针对该节点A的某个属性所收集的数据量大大增加，那么在对该节点A的操作进行界面回放时，所需处理的数据量较大，进而增加界面回放的时长。

发明内容

本申请提供了一种文档界面生成的方法及相关设备，在进行界面回放时需要处理的数据更少，进而减少界面回放所需的时长。

本申请实施例一方面提供一种文档界面生成的方法，包括：

响应界面回放指令，从数据库中获取针对于目标文档的初始快照、第一比对结果以及第二比对结果，其中，第一比对结果为第(t-1)个快照与初始快照的比对结果，第二比对结果为第t个快照与初始快照的比对结果，t为大于2的整数；

根据初始快照和第一比对结果，生成第(t-1)个快照；

根据初始快照和第二比对结果，生成第t个快照；

根据第(t-1)个快照、第t个快照以及第(t-1)个快照所对应的文档界面，生成第t个快照所对应的文档界面。

本申请实施例另一方面提供了一种文档界面生成装置，包括：

获取单元，用于响应界面回放指令，从数据库中获取针对于目标文档的初始快照、第一比对结果以及第二比对结果，其中，第一比对结果为第(t-1)个快照与初始快照的比对结果，第二比对结果为第t个快照与初始快照的比对结果，t为大于2的整数；

第一生成单元，用于根据初始快照和第一比对结果，生成第(t-1)个快照；

第二生成单元，用于根据初始快照和第二比对结果，生成第t个快照；

第三生成单元，用于根据第(t-1)个快照、第t个快照以及第(t-1)个快照所对应的文档界面，生成第t个快照所对应的文档界面。

在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第三生成单元具体用于：

将第(t-1)个快照与第t个快照进行比对，得到第三比对结果，其中，每个快照均包含脚本属性列表，脚本属性列表中包含脚本属性以及脚本属性对应的属性值；

根据第三比对结果以及第(t-1)个快照所对应的文档界面生成第t个快照所对应的文档界面。

在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第三生成单元根据第三比对结果以及第(t-1)个快照所对应的文档界面生成第t个快照所对应的文档界面包括：

根据第三比对结果确定第t个快照与第(t-1)个快照中属性值不同的脚本属性，以作为第一脚本属性；

根据第一脚本属性的属性值对第(t-1)个快照所对应的文档界面进行修改，以生成第t个快照所对应的文档界面。

在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第一生成单元还用于：

根据初始快照和第四比对结果，生成第(t-2)个快照，其中，第四比对结果为数据库中存储的第(t-2)个快照与初始快照的比对结果；

将第(t-1)个快照与第(t-2)个快照进行比对，得到第五比对结果；

根据第五比对结果以及第(t-2)个快照所对应的文档界面生成第(t-1)个快照所对应的文档界面。

在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第三生成单元将第(t-1)个快照与第t个快照进行比对，得到第三比对结果包括：

获取第(t-1)个快照的属性列表以及第t个快照的属性列表；

确定第t个快照的属性列表中与第(t-1)个快照的属性列表中属性值不同的脚本属性，以作为第二脚本属性；

将属性值不同的第二脚本属性确定为第三比对结果。

在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第一生成单元具体用于：

根据第一比对结果确定第(t-1)个快照与初始快照中属性值不同的脚本属性，以作为第三脚本属性；

获取第三脚本属性的属性值；

根据第三脚本属性的属性值，对初始快照中与第三脚本属性所对应的脚本属性的属性值进行修改，得到第(t-1)个快照。

在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，文档界面生成装置还包括：

处理单元，处理单元用于：

创建t个时刻对应的目标文档的t个快照，t个时刻包括初始时刻以及目标文档基于定时器执行每一帧回调函数的(t-1)个时刻；

将(t-1)个快照分别与初始快照进行比对得到(t-1)个比对结果，(t-1)个快照为t个快照中除初始快照之外的其它快照；

将初始快照与初始时刻作为一个信息对，存储至数据库；

将(t-1)个比对结果与(t-1)个时刻作为(t-1)个信息对，存储至数据库。

本申请实施例第三方面提供了一种计算机设备，其包括至少一个连接的处理器、存储器和收发器，其中，所述存储器用于存储程序代码，所述处理器用于调用所述存储器中的程序代码来执行上述各方面所述的文档界面生成的方法的步骤。

本申请实施例第四方面提供了一种计算机存储介质，其包括指令，当其在计算机上运行时，使得计算机执行上述各方面所述的文档界面生成的方法的步骤。

综上所述，可以看出，本申请实施例中，文档界面生成的装置在生成文档界面时，只需要从数据库中获取该文档的初始快照、第一比对结果以及第二比对结果，其中，该第一比对结果为第(t-1)个快照与初始快照的比对结果，第二比对结果为第t个快照与初始快照的比对结果，根据初始快照以及第一比对结果生成第(t-1)个快照，根据初始快照和第二比对结果生成第t个快照，最后根据第(t-1)个快照、第t个快照以及第(t-1)个快照所对应的文档界面即可以生成第t个快照所对应的文档界面。由此，在文档界面界面回放时，只需要用到文档的初始快照以及文档在初始快照之后的快照与初始快照的比对结果即可以生成文档界面，相对于现有同一个刷新帧率下存储多条数据的来说，在进行界面回放时需要处理的数据更少，进而减少界面回放所需的时长。

附图说明

图1为本申请实施例提供文档界面生成***的架构示意图：

图2为本申请实施例提供的文档界面生成的方法的一个流程示意图；

图3为本申请实施例提供的数据库中存储的目标文档的初始快照与各比对结果的示意图；

图4为本申请实施例提供的文档界面生成装置的一个虚拟结构示意图；

图5为本申请实施例提供的服务器的另一硬件结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。

本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或模块的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或模块，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或模块，本申请中所出现的模块的划分，仅仅是一种逻辑上的划分，实际应用中实现时可以有另外的划分方式，例如多个模块可以结合成或集成在另一个***中，或一些特征向量可以忽略，或不执行，另外，所显示的或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，模块之间的间接耦合或通信连接可以是电性或其他类似的形式，本申请中均不作限定。并且，作为分离部件说明的模块或子模块可以是也可以不是物理上的分离，可以是也可以不是物理模块，或者可以分布到多个电路模块中，可以根据实际的需要选择其中的部分或全部模块来实现本申请方案的目的。

文档界面回放的功能能够为相关人工提供更直观的文档变化视图，本申请提供了一种可基于云计算(cloud computing)技术实现的文档界面生成方法，能够实现文档界面的回放。云计算指互联网技术(Internet Technology，IT)基础设施的交付和使用模式，指通过网络以按需、易扩展的方式获得所需资源；广义云计算指服务的交付和使用模式，指通过网络以按需、易扩展的方式获得所需服务。这种服务可以是IT和软件、互联网相关，也可是其他服务。云计算是网格计算(Grid Computing)、分布式计算(DistributedComputing)、并行计算(Parallel Computing)、效用计算(Utility Computing)、网络存储(Network Storage Technologies)、虚拟化(Virtualization)以及负载均衡(LoadBalance)等传统计算机和网络技术发展融合的产物。随着互联网、实时数据流、连接设备多样化的发展，以及搜索服务、社会网络、移动商务和开放协作等需求的推动，云计算迅速发展起来。不同于以往的并行分布式计算，云计算的产生从理念上将推动整个互联网模式、企业管理模式发生革命性的变革。

云计算的实现依赖于云技术(Cloud technology)，云技术是指在广域网或局域网内将硬件、软件、网络等系列资源统一起来，实现数据的计算、储存、处理和共享的一种托管技术。云技术基于云计算商业模式应用的网络技术、信息技术、整合技术、管理平台技术、应用技术等的总称，可以组成资源池，按需所用，灵活便利。云计算技术将变成重要支撑。技术网络***的后台服务需要大量的计算、存储资源，如视频网站、图片类网站和更多的门户网站。伴随着互联网行业的高度发展和应用，将来每个物品都有可能存在自己的识别标志，都需要传输到后台***进行逻辑处理，不同程度级别的数据将会分开处理，各类行业数据皆需要强大的***后盾支撑，只能通过云计算来实现。

请参阅图1，图1为本申请实施例中文档界面生成***的一个架构示意图，如图1所示，文档界面生成***包括终端设备101、网络102以及服务器103，且该目标文档部署于终端设备上，其中，该终端设备101通过网络102与服务器103进行通信连接。本申请涉及的服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式***，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(Content Delivery Network，CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器。本申请将以云游戏服务器为例进行介绍。终端设备可以是智能手机、平板电脑、笔记本电脑、掌上电脑、个人电脑、智能电视、智能手表等，但并不局限于此。终端设备以及服务器可以通过有线或无线通信方式进行直接或间接地连接，本申请在此不做限制。服务器和终端设备的数量也不做限制。

结合上述介绍，下面将从服务器的角度，对本申请中文档界面生成的方法进行介绍，请参阅图2，本申请实施例中文档界面生成的方法的一个实施例包括：

201、响应界面回放指令，从数据库中获取针对与目标文档的初始快照、第一比对结果以及第二比对结果。

本实施例中，用户通过终端设备进行界面回放指令的操作，进而触发服务器响应该界面回放指令，并从数据库中获取针对与该目标文档的初始快照、第一比对结果以及第二比对结果，其中，该第一比对结果为第(t-1)个快照与初始快照的比对结果，第二比对结果为第t个快照与初始快照的比对结果，t为大于或等于2的整数，也即，该数据库中存储有目标文档在初始时刻的初始快照，以及在初始时刻之后目标文档基于定时器执行每一帧回调函数的(t-1)个时刻对应的(t-1)个快照分别与该初始快照的比对结果。

可以理解的是，之所以不存储目标文档初始时刻之后(t-1)个时刻对应的(t-1)个快照，而只存储初始时刻的初始快照以及后续各个时刻的快照与初始快照之间的比对结果，这样既可以获取到目标文档后续各个快照与初始快照之间的区别，同时又减小数据库中存储的数据体积。数据库(Database)，简而言之可视为电子化的文件柜——存储电子文件的处所，用户可以对文件中的数据进行新增、查询、更新、删除等操作。所谓“数据库”是以一定方式储存在一起、能与多个用户共享、具有尽可能小的冗余度、与应用程序彼此独立的数据集合。

需要说明的是，此处的快照指的是将某一特定时刻目标文档中的DOM节点按照某种形式保存起来，该形式被称为快照，通过该快照，可以复原出当时的DOM节点的完整形态。另外，目标文档中的某个DOM节点更改时，会相应的体现在目标文档的显示界面上，因此通过快照可以体现出目标文档中DOM节点的更改结果。

一个实施例中，生成界面回放指令的操作至少包括手势操作、滑动操作、点击操作以及声控操作中的一种，例如用户在目标文档对应的显示界面进行点击操作时，服务器可以接收到该点击操作，此时，该点击操作即生成该界面回放指令，也即，可以提前定义操作指令，例如提前定义滑动操作为触发生成目标文档的某个界面的回放操作(如左滑操作、右滑操作、上滑操作以及下滑操作等等)，或者定义点击操作为触发生成目标文档的某个界面的回放操作(如双击操作、鼠标滑动操作、长按操作、单击操作、鼠标左右键同时按操作以及滚轮鼠标中键等等)，或者定义手势操作为触发生成目标文档的某个界面的回放操作(如向左摆动手腕或手臂，向右摆动手腕或手臂，如四根手指收缩操作或者三根手指上滑操作等等)，或者定义声控操作为触发生成目标文档的某个界面的回放操作(如收到生成目标文档的某个界面的声音)，上述仅为举例说明，并不代表对生成界面回放指令的操作进行限定。当然该界面回放指令还可以通过在输入设备上设置对应的快捷键进行生成，例如该输入设备为键盘，通过设置键盘上的“CTRL+A键”作为触发生成目标文档的某个界面的回放操作，具体不限定。

一个实施例中，服务器可以执行如下操作来获取目标文档的初始快照以及(t-1)个比对结果，并将其存储至数据库中：

创建t个时刻对应的目标文档的t个快照，t个时刻包括初始时刻以及目标文档基于定时器执行每一帧回调函数的(t-1)个时刻；

将(t-1)个快照分别与初始快照进行比对得到(t-1)个比对结果，(t-1)个快照为t个快照中除初始快照之外的其它快照；

将初始快照与初始时刻作为一个信息对，存储至数据库；

将(t-1)个比对结果与(t-1)个时刻作为(t-1)个信息对，存储至所述数据库。

本实施例中，服务器可以创建t个时刻对应的目标文档的t个快照，其中该t个时刻包括初始时刻以及目标文档基于定时器执行每一帧回调函数的(t-1)个时刻，也即，服务器可以首先创建初始时刻目标文档的初始快照，之后以定时器(requestAnimationFrame)作为时间推进器，在每一帧回调函数中，创建该目标文档的新快照，由此可以得到目标文档在t个时刻分别对应的t个快照，之后将后续以定时器为时间推进器在每一帧回调函数中创建的快照分别与初始快照进行比对，得到(t-1)个比对结果(也即得到之后的每一帧回调函数中，目标文档的变化)，最后将初始快照与初始时刻作为一个信息对存储至数据库，同时将(t-1)个比对结果与(t-1)个时刻作为(t-1)个信息对存储至数据库。

需要说明的是，在创建t个快照时，可以通过JS对象生成方法，遍历目标文档的DOM树结构(该目标文档可以为超文本标记语言(Hyper Text Markup Language，HTML)格式的文档，也可以为可扩展标记语言(Extensible Markup Language，XML)格式的文档，当然也还可以为其他格式的文档，具体不做限定，DOM定义了访问和操作HTML文档的标准方法，DOM将HTML文档表达为树结构)，生成与DOM树结构一致的JS对象，也即，该快照在数据库中是以JS对象的形式存储。可以理解的是，上述所说的脚本属性为目标文档中的元素，例如HTML格式中的“标题”元素，“表格”元素，“字体”元素等等，脚本属性列表即为目标文档中所有元素的列表。

下面结合图3，对数据库中存储的初始快照以及各个比对结果进行说明，图3为本申请实施例提供的数据库中存储的数据的示意图

其中，301为初始时刻与初始快照的信息对，302为第一比对结果与(t-1)时刻的信息对，其中，该第一比对结果为第(t-1)个快照与初始快照的比对结果，303为第二比对结果与t时刻的信息对，该第二比对结果为第t个快照与初始快照的比对结果，其中，t时刻为(t-1)时刻之后的时刻，该时刻是通过定时器(requestAnimationFrame)作为时间推进器，在初始时刻之后的执行每一帧回调函数的时刻，t时刻为创建第t个快照的时刻，(t-1)时刻为创建第(t-1)个快照的时刻。由此在对目标文档进行界面回放时，可以从数据库中获取针对该目标文档的初始快照、第t个快照与初始快照的比对结果以及第(t-1)个快照与初始快照的比对结果，达到快速目标文档界面的快速回放。

202、根据初始快照和第一比对结果，生成第(t-1)个快照。

本实施例中，服务器在得到初始快照与第一比对结果之后，由于该第一比对结果为数据库中存储的初始快照与第(t-1)个快照的比对结果，可以根据初始快照和第一比对结果生成第(t-1)个快照。具体的，服务器可以首先根据第一比对结果确定第(t-1)个快照与初始快照中属性值不同的脚本属性，以作为第三脚本属性，并获取第三脚本属性的属性值，进而可以根据第三脚本属性的属性值，对初始快照中与第三脚本属性所对应的脚本属性的属性值进行修改，得到第(t-1)个快照。也即，服务器在获取初始快照以及后续的各个快照与初始快照的比对结果之后，即可以首先基于该比对结果确定出该比对结果对应的快照与初始快照之间的脚本属性的属性值差异，该脚本属性的属性值差异即为各个快照相对于初始快照的修改部分，由此即可以根据该脚本属性的属性值差异对初始快照进行修改，进而得到该比对结果所对应的快照。

其中，每个快照均包含脚本属性列表，该脚本属性列表中包含脚本属性以及脚本属性对应的属性值。

可以理解的是，该第一比对结果为第(t-1)个快照与初始快照中属性值不同的脚本属性，进而，将对比后属性值不同的脚本属性确定为第三脚本属性，根据第三脚本属性从第(t-1)个快照的属性列表中获取相同脚本属性对应的属性值，并将该属性值作为第三脚本属性的属性值。

例如，初始快照中“标题”所对应的脚本属性的属性值为“对齐排列”，第(t-1)个快照中“标题”所对应的脚本属性的属性值为“居中排列”，则可以确定该第一比对结果为初始快照与第(t-1)个快照中属性值不同的脚本属性为“标题”，即第三脚本属性为“标题”，由于第(t-1)个快照中与第三脚本属性相同的脚本属性对应的属性值为“居中排列”，故将该属性值“居中排列”作为第三脚本属性的属性值。由此在根据第一比对结果以及初始快照生成第(t-1)个快照时，只需要将初始快照的“标题”所对应的脚本属性修改为“居中排列”即可。

需要说明的是，该第一比对结果包括但不限于如下的更改：

1、基于DOM节点类型改变，直接将旧节点卸载并装载新节点，其中，旧的DOM节点包括下面的子节点都将被卸载，更换为新的DOM节点；

2、节点类型一样，基于属性或属性值的改变，直接将更改属性或属性值即可以完成节点更新；

3、基于文本内容的改变，文本对也是一个Text Node，直接修改文字内容就行了，我们将这个过程称之为TEXT；

4、对DOM的子节点执行移动、增加以及删除操作中的至少一个操作。例如，在A、B、C、D、E五个DOM节点的B和C中的BC两个节点中间加入一个F节点。例如该第一比对结果为在A、B、C、D、E五个DOM节点的B和C中的BC两个节点中间加入一个F节点，那么得到的第(t-1)个快照与初始快照之间的区别即为F节点，由此可以将该BC两个节点中间新增一个F节点，即可以得到第(t-1)个快照。可以理解的是，上述仅以第一比对结果中仅包括一项修改内容为例进行说明的，在实际应用中，当然也还可以包括多项内容，例如同时修改文本以及增加节点，具体不做限定，只要能通过比对结果以及初始快照生成相应的快照即可。

203、根据初始快照和第二比对结果，生成第t个快照。

本实施例中，服务器在得到初始快照以及第二比对结果之后，由于该第二比对结果为数据库中存储的初始快照与第t个快照的比对结果，可以根据初始快照和第二比对结果生成第t个快照。可以理解的是，上述步骤202中已经对如何根据初始快照与比对结果生成相应的快照进行了详细说明，具体此处不再赘述。

需要说明的是，服务器通过步骤202可以根据初始快照和第一比对结果生成第(t-1)个快照，通过步骤203可以根据初始快照和第二比对结果生成第t个快照，然而这两个步骤之间并没有先后执行顺序的限制，可以先执行步骤202，也可以先执行步骤203，或者同时执行，具体不做限定。

204、根据第(t-1)个快照、第t个快照以及第(t-1)个快照所对应的文档界面，生成第t个快照所对应的文档界面。

本实施例中，服务器在生成第(t-1)个快照以第t个快照之后，可以根据(t-1)个快照、第t个快照以及第(t-1)个快照所对应的文档界面，生成第t个快照所对应的文档界面。

一个实施例中，服务器根据第(t-1)个快照、第t个快照以及第(t-1)个快照所对应的文档界面，生成第t个快照所对应的文档界面包括：

将第(t-1)个快照与第t个快照进行比对，得到第三比对结果；

根据第三比对结果以及第(t-1)个快照所对应的文档界面生成第t个快照所对应的文档界面，其中，每个快照均包含脚本属性列表，脚本属性列表中包含脚本属性以及脚本属性对应的属性值。

本实施例中，服务器可以首先将第(t-1)个快照与第t个快照进行比对，得到第三比对结果，具体的，可以分别获取第(t-1)个快照的属性列表以及第t个快照的属性列表，之后确定出第t个快照的属性列表中与第(t-1)个快照的属性列表中属性值不同的第二脚本属性，并将该属性值不同的第二脚本属性确定为第三比对结果。由于该快照是以JS对象的形式存在的，因此可以通过两个快照的属性列表进行对别，来得出两个快照之间的差异，该差异即为第三比对结果。之后服务器可以根据该第三比对结果以及第(t-1)个快照所对应的文档界面生成第t个快照所对应的文档界面。例如第(t-1)个快照中“标题”所对应的脚本属性的属性值为“对齐排列”，第t个快照中“标题”所对应的脚本属性的属性值为“居中排列”，则可以确定该第三比对结果即为“标题”以及第t个快照的“标题”所对应的脚本属性的属性值“居中排列”，由此在根据第三比对结果以及第(t-1)个快照所对应的文档界面生成第t个快照所对应的文档界面时，只需要将第(t-1)个快照所对应的文档界面中的“标题”所对应的脚本属性修改为“居中排列”即可，得到第t个快照所对应的文档界面。

一个实施例中，服务器根据第三比对结果以及第(t-1)个快照所对应的文档界面生成第t个快照所对应的文档界面包括：

根据第三比对结果确定第t个快照与第(t-1)个快照中属性值不同的脚本属性，以作为第一脚本属性；

根据第一脚本属性的属性值对第(t-1)个快照所对应的文档界面进行修改，以生成第t个快照所对应的文档界面。

本实施例中，服务器在得到第三比对结果，可以根据该第三比对结果确定第t个快照与第(t-1)个快照中属性值不同的脚本属性，以作为第一脚本属性，由此确定出两个快照中属性值不相同的脚本属性，之后即可以通过该脚本属性的属性值对第(t-1)个快照所对应的文档界面进行修改，以生成第t个快照所对应的文档界面，例如第(t-1)个快照中“字体”所对应的脚本属性的属性值为“4号宋体”，第t个快照中“字体”所对应的脚本属性的属性值为“5号楷体”，该第三比对结果即为“字体”所对应的脚本属性以及“5号楷体”，在生成第t个快照所对应的文档界面时，只需要将第(t-1)个快照所对应的文档界面的“字体”所对应的脚本属性的属性值修改为“5号楷体”即可。上述已经比对对结果中包含的两个快照之间的差异进行说明，同时也获取到该第(t-1)个快照所对应的文档界面(也即旧的界面)，之后即可以将第t个快照中与第(t-1)个快照中属性值不同的第一脚本属性对该第(t-1)个快照所对应的文档界面进行修改，生成第t个快照对应的文档界面。

需要说明的是，服务器还可以从数据库中获取第四比对结果，其中，该第四比对结果为数据库中存储的第(t-2)个快照与初始快照的比对结果，之后根据初始快照与第四比对结果生成第(t-2)个快照，并将第(t-1)个快照与第(t-2)个快照进行比对，得到第五比对结果，之后根据第五比对结果以及第(t-2)个快照所对应的文档界面生成第(t-1)个快照所对应的界面。依次类推，服务器可以根据数据库中存储的初始快照以及各个快照与初始快照的比对结果生成各个快照分别对应的文档界面，来实现目标文档的文档界面的回放。上述已经对快照的比对以及根据初始快照与比对结果生成新快照进行了详细说明，具体此处不再赘述。

综上所述，可以看出，本申请实施例中，文档界面生成的装置在生成文档界面时，只需要从数据库中获取该文档的初始快照、第一比对结果以及第二比对结果，其中，该第一比对结果为第(t-1)个快照与初始快照的比对结果，第二比对结果为第t个快照与初始快照的比对结果，根据初始快照以及第一比对结果生成第(t-1)个快照，根据初始快照和第二比对结果生成第t个快照，最后根据第(t-1)个快照、第t个快照以及第(t-1)个快照所对应的文档界面即可以生成第t个快照所对应的文档界面。由此，在文档界面界面回放时，只需要用到文档的初始快照以及文档在初始快照之后的快照与初始快照的比对结果即可以生成文档界面，相对于现有同一个刷新帧率下存储多条数据的来说，在进行界面回放时需要处理的数据更少，进而减少界面回放所需的时长。

上面从文档界面生成的方法的角度对本申请实施例进行描述，下面从文档界面生成装置的角度对本申请实施例进行描述。

请参阅图4，本申请实施例中提供了一种文档界面生成装置，该文档界面生成装置包括：

获取单元401，用于响应界面回放指令，从数据库中获取针对于目标文档的初始快照、第一比对结果以及第二比对结果，其中，第一比对结果为第(t-1)个快照与初始快照的比对结果，第二比对结果为第t个快照与初始快照的比对结果，t为大于2的整数；

第一生成单元402，用于根据初始快照和第一比对结果，生成第(t-1)个快照；

第二生成单元403，用于根据初始快照和第二比对结果，生成第t个快照；

第三生成单元404，用于根据第(t-1)个快照、第t个快照以及第(t-1)个快照所对应的文档界面，生成第t个快照所对应的文档界面。

在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第三生成单元404具体用于：

将第(t-1)个快照与第t个快照进行比对，得到第三比对结果，其中，每个快照均包含脚本属性列表，脚本属性列表中包含脚本属性以及脚本属性对应的属性值；

根据第三比对结果以及第(t-1)个快照所对应的文档界面生成第t个快照所对应的文档界面。

在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第三生成单元404根据第三比对结果以及第(t-1)个快照所对应的文档界面生成第t个快照所对应的文档界面包括：

根据第三比对结果确定第t个快照与第(t-1)个快照中属性值不同的脚本属性，以作为第一脚本属性；

根据第一脚本属性的属性值对第(t-1)个快照所对应的文档界面进行修改，以生成第t个快照所对应的文档界面。

在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第一生成单元402还用于：

根据初始快照和第四比对结果，生成第(t-2)个快照，其中，第四比对结果为数据库中存储的第(t-2)个快照与初始快照的比对结果；

将第(t-1)个快照与第(t-2)个快照进行比对，得到第五比对结果；

根据第五比对结果以及第(t-2)个快照所对应的文档界面生成第(t-1)个快照所对应的文档界面。

在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第三生成单元404将第(t-1)个快照与第t个快照进行比对，得到第三比对结果包括：

获取第(t-1)个快照的属性列表以及第t个快照的属性列表；

确定第t个快照的属性列表中与第(t-1)个快照的属性列表中属性值不同的脚本属性，以作为第二脚本属性；

将属性值不同的第二脚本属性确定为第三比对结果。

在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，第一生成单元402具体用于：

根据第一比对结果确定第(t-1)个快照与初始快照中属性值不同的脚本属性，以作为第三脚本属性；

获取第三脚本属性的属性值；

根据第三脚本属性的属性值对初始快照中与第三脚本属性所对应的脚本属性的属性值进行修改，得到第(t-1)个快照。

在一种可能的设计中，在本申请实施例的另一方面的另一种实现方式中，装置还包括：

处理单元405，处理单元405用于：

创建t个时刻对应的目标文档的t个快照，t个时刻包括初始时刻以及目标文档基于定时器执行每一帧回调函数的(t-1)个时刻；

将(t-1)个快照分别与初始快照进行比对得到(t-1)个比对结果，(t-1)个快照为t个快照中除初始快照之外的其它快照；

将初始快照与初始时刻作为一个信息对，存储至数据库；

将(t-1)个比对结果与(t-1)个时刻作为(t-1)个信息对，存储至数据库。

本申请实施例还提供了另一种文档界面生成装置，该文档界面生成装置部署于服务器，该服务器可以是服务器。请参阅图5，图5是本发明实施例提供的一种服务器的结构示意图，该服务器500可因配置或性能不同而产生比较大的差异，可以包括一个或一个以***处理器(central processing units，CPU)522(例如，一个或一个以上处理器)和存储器532，一个或一个以上存储应用程序542或数据544的存储介质530(例如一个或一个以上海量存储设备)。其中，存储器532和存储介质530可以是短暂存储或持久存储。存储在存储介质530的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对服务器中的一系列指令操作。更进一步地，中央处理器522可以设置为与存储介质530通信，在服务器500上执行存储介质530中的一系列指令操作。

服务器500还可以包括：一个或一个以上电源526，一个或一个以上有线或无线网络接口550，一个或一个以上输入输出接口558，以及，一个或一个以上操作***541中的至少一个，其中，该操作***541可以为Windows ServerTM，Mac OS XTM，UnixTM，LinuxTM或FreeBSDTM等等操作***。

上述实施例中由控制设备所执行的步骤可以基于该图5所示的服务器结构。

本申请实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被计算机执行时实现上述任一方法实施例中与文档界面生成装置相关的方法流程。对应的，该计算机可以为上述文档界面生成装置。

本申请实施例还提供了一种计算机程序或包括计算机程序的一种计算机程序产品，该计算机程序在某一计算机上执行时，将会使所述计算机实现上述任一方法实施例中与文档界面生成装置相关的方法流程。对应的，该计算机可以为上述的文档界面生成装置。

在上述图2所述对应的实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。

所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存储的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。

应理解，本申请中提及的处理器可以是中央处理单元(Central ProcessingUnit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

还应理解，本申请中的处理器的数量可以是一个，也可以是多个，具体可以根据实际应用场景调整，此处仅仅是示例性说明，并不作限定。本申请实施例中的存储器的数量可以是一个，也可以是多个，具体可以根据实际应用场景调整，此处仅仅是示例性说明，并不作限定。

还需要说明的是，当文档界面生成装置包括处理器(或处理单元)与存储器时，本申请中的处理器可以是与存储器集成在一起的，也可以是处理器与存储器通过接口连接，具体可以根据实际应用场景调整，并不作限定。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的***，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的***，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者其他设备等)执行本申请图2所述的文档界面生成的方法的全部或部分步骤。

应理解，本申请中提及的存储介质或存储器可以包括易失性存储器或非易失性存储器，或可包括易失性和非易失性存储器两者。其中，非易失性存储器可以是只读存储器(Read-Only Memory，ROM)、可编程只读存储器(Programmable ROM，PROM)、可擦除可编程只读存储器(Erasable PROM，EPROM)、电可擦除可编程只读存储器(Electrically EPROM，EEPROM)或闪存。易失性存储器可以是随机存取存储器(Random Access Memory，RAM)，其用作外部高速缓存。通过示例性但不是限制性说明，许多形式的RAM可用，例如静态随机存取存储器(Static RAM，SRAM)、动态随机存取存储器(Dynamic RAM，DRAM)、同步动态随机存取存储器(Synchronous DRAM，SDRAM)、双倍数据速率同步动态随机存取存储器(Double DataRate SDRAM，DDR SDRAM)、增强型同步动态随机存取存储器(Enhanced SDRAM，ESDRAM)、同步连接动态随机存取存储器(Synch link DRAM，SLDRAM)和直接内存总线随机存取存储器(Direct Rambus RAM，DR RAM)。

应注意，本文描述的存储器旨在包括但不限于这些和任意其它适合类型的存储器。

以上所述实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (10)

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-1)个快照的属性列表中属性值不同的脚本属性，以作为第二脚本属性；

将属性值不同的所述第二脚本属性确定为所述第三比对结果。

6.根据权利要求1至5中任一项所述的方法，其特征在于，所述根据所述初始快照和所述第一比对结果，生成所述第(t-1)个快照包括：

根据所述第一比对结果确定所述第(t-1)个快照与所述初始快照中属性值不同的脚本属性，以作为第三脚本属性；

获取所述第三脚本属性的属性值；

根据所述第三脚本属性的属性值，对所述初始快照中与所述第三脚本属性所对应的脚本属性的属性值进行修改，得到所述第(t-1)个快照。

7.根据权利要求1至5中任一项所述的方法，其特征在于，所述响应响应界面回放指令之前，所述方法还包括：

创建t个时刻对应的所述目标文档的t个快照，所述t个时刻包括初始时刻以及所述目标文档基于定时器执行每一帧回调函数的(t-1)个时刻；

将(t-1)个快照分别与所述初始快照进行比对得到(t-1)个比对结果，所述(t-1)个快照为所述t个快照中除所述初始快照之外的其它快照；

将所述初始快照与所述初始时刻作为一个信息对，存储至所述数据库；

将所述(t-1)个比对结果与所述(t-1)个时刻作为(t-1)个信息对，存储至所述数据库。

8.一种文档界面生成装置，其特征在于，包括：

获取单元，用于响应界面回放指令，从数据库中获取针对于目标文档的初始快照、第一比对结果以及第二比对结果，其中，所述第一比对结果为第(t-1)个快照与所述初始快照的比对结果，所述第二比对结果为第t个快照与所述初始快照的比对结果，所述t为大于2的整数；

第一生成单元，用于根据所述初始快照和所述第一比对结果，生成所述第(t-1)个快照；

第二生成单元，用于根据所述初始快照和所述第二比对结果，生成所述第t个快照；

第三生成单元，用于根据所述第(t-1)个快照、所述第t个快照以及所述第(t-1)个快照所对应的文档界面，生成所述第t个快照所对应的文档界面。

9.一种计算机设备，其特征在于，包括：存储器、处理器以及总线***；

其中，所述存储器用于存储程序；

所述处理器用于执行所述存储器中的程序，所述处理器用于根据程序代码中的指令执行权利要求1至7中任一项所述的显示方法；

所述总线***用于连接所述存储器以及所述处理器，以使所述存储器以及所述处理器进行通信。

10.一种计算机存储介质，其特征在于，其包括指令，当其在计算机上运行时，使得计算机执行如权利要求1-7中任一项所述的方法。

Images