基于超文本标记语言的页面对比方法、设备及介质与流程

1.本技术涉及计算机技术领域，特别涉及一种基于超文本标记语言的页面对比方法、设备及介质。


背景技术：

2.html的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的internet资源连接为一个逻辑整体。html文本是由html命令组成的描述性文本，html命令可以说明文字，图形、动画、声音、表格、链接等。
3.现有的，对通过超文本标记语言编写的页面进行对比时，往往通过人工对比的方式实现。
4.可以看出，若页面中对比的内容较多时，现有的页面对比方法将存在对比效率较低的问题。


技术实现要素：

5.本技术的目的在于，针对上述现有技术中的不足，提供一种基于超文本标记语言的页面对比方法、设备及介质，可以提高版本页面的对比效率。
6.为实现上述目的，本技术实施例采用的技术方案如下：第一方面，本发明提供一种基于超文本标记语言的页面对比方法，包括：分别获取第一版本页面的第一电子实验记录和第二版本页面的第二电子实验记录；根据所述第一电子实验记录和第二电子实验记录，分别获取所述第一版本页面中各第一接口模块的第一缓存数据和所述第二版本页面中各第二接口模块的第二缓存数据；根据所述第一缓存数据和所述第二缓存数据，确定所述第二版本页面相对于所述第一版本页面的变更内容；根据所述变更内容，获取所述第一版本页面和所述第二版本页面的对比页面。
7.在可选的实施方式中，所述根据所述变更内容，获取所述第一版本页面和所述第二版本页面的对比页面，包括：根据所述变更内容的变更类别，确定所述变更内容的变更标识，所述变更内容的变更类别包括下述至少一种：新增、修改、删除；根据所述变更内容的变更标识，在所述对比页面中区别化标识所述变更内容。
8.在可选的实施方式中，所述根据所述第一电子实验记录，获取所述第一版本页面中各第一接口模块的第一缓存数据，包括：根据所述第一电子实验记录，获取第一版本页面中各第一接口模块的接口地址；根据各所述第一接口模块的接口地址，获取各所述第一接口模块对应的电子实验记录；根据各所述第一接口模块的接口地址和第一随机数生成算法，确定各所述第一接
口模块的键名，并根据各所述第一接口模块对应的电子实验记录确定各所述第一接口模块的键值；根据各所述第一接口模块的键名和各所述第一接口模块的键值，保存得到所述第一版本页面中各第一接口模块的第一缓存数据。
9.在可选的实施方式中，所述根据所述第一缓存数据和所述第二缓存数据，确定所述第二版本页面相对于所述第一版本页面的变更内容，包括：获取所述第一缓存数据和所述第二缓存数据中接口模块类型相同的多个目标接口模块；基于接口模块类型相同的多个目标接口模块中各目标接口模块对应的缓存数据，确定所述第二版本页面相对于所述第一版本页面的变更内容。
10.在可选的实施方式中，所述基于接口模块类型相同的多个目标接口模块中各目标接口模块对应的缓存数据，确定所述第二版本页面相对于所述第一版本页面的变更内容，包括：获取接口模块类型相同的多个目标接口模块中各目标接口模块对应的缓存数据中各条数据的数据关联标识；根据各条数据的数据关联标识，确定所述第二版本页面相对于所述第一版本页面的交集数据和叉集数据，所述交集数据为所述第二版本页面相对于所述第一版本页面中发生修改的数据；所述叉集数据为所述第二版本页面相对于所述第一版本页面中发生新增或删除的数据。
11.在可选的实施方式中，所述根据各条数据的数据关联标识，确定所述第二版本页面相对于所述第一版本页面的交集数据，包括：根据各条数据的数据关联标识，确定数据关联标识相同的第一目标数据和第二目标数据；根据第一目标数据和第二目标数据，确定所述第二版本页面相对于所述第一版本页面的交集数据。
12.在可选的实施方式中，所述分别获取第一版本页面的第一电子实验记录和第二版本页面的第二电子实验记录之前，所述方法还包括：响应于对多个所述版本页面中任意两个版本页面的选择操作，分别确定所述第一版本页面和所述第二版本页面，其中，各所述版本页面基于对上一版本页面的更新操作得到。
13.第二方面，本发明提供一种基于超文本标记语言的页面对比装置，包括：第一获取模块，用于分别获取第一版本页面的第一电子实验记录和第二版本页面的第二电子实验记录；第二获取模块，用于根据所述第一电子实验记录和第二电子实验记录，分别获取所述第一版本页面中各第一接口模块的第一缓存数据和所述第二版本页面中各第二接口模块的第二缓存数据；确定模块，用于根据所述第一缓存数据和所述第二缓存数据，确定所述第二版本页面相对于所述第一版本页面的变更内容；第三获取模块，根据所述变更内容，获取所述第一版本页面和所述第二版本页面
的对比页面。
14.在可选的实施方式中，所述第三获取模块，具体用于根据所述变更内容的变更类别，确定所述变更内容的变更标识，所述变更内容的变更类别包括下述至少一种：新增、修改、删除；根据所述变更内容的变更标识，在所述对比页面中区别化标识所述变更内容。
15.在可选的实施方式中，所述第二获取模块，具体用于根据所述第一电子实验记录，获取第一版本页面中各第一接口模块的接口地址；根据各所述第一接口模块的接口地址，获取各所述第一接口模块对应的电子实验记录；根据各所述第一接口模块的接口地址和第一随机数生成算法，确定各所述第一接口模块的键名，并根据各所述第一接口模块对应的电子实验记录确定各所述第一接口模块的键值；根据各所述第一接口模块的键名和各所述第一接口模块的键值，保存得到所述第一版本页面中各第一接口模块的第一缓存数据。
16.在可选的实施方式中，所述确定模块，具体用于获取所述第一缓存数据和所述第二缓存数据中接口模块类型相同的多个目标接口模块；基于接口模块类型相同的多个目标接口模块中各目标接口模块对应的缓存数据，确定所述第二版本页面相对于所述第一版本页面的变更内容。
17.在可选的实施方式中，所述确定模块，具体用于获取接口模块类型相同的多个目标接口模块中各目标接口模块对应的缓存数据中各条数据的数据关联标识；根据各条数据的数据关联标识，确定所述第二版本页面相对于所述第一版本页面的交集数据和叉集数据，所述交集数据为所述第二版本页面相对于所述第一版本页面中发生修改的数据；所述叉集数据为所述第二版本页面相对于所述第一版本页面中发生新增或删除的数据。
18.在可选的实施方式中，所述确定模块，具体用于根据各条数据的数据关联标识，确定数据关联标识相同的第一目标数据和第二目标数据；根据第一目标数据和第二目标数据，确定所述第二版本页面相对于所述第一版本页面的交集数据。
19.在可选的实施方式中，所述第一获取模块，还用于响应于对多个所述版本页面中任意两个版本页面的选择操作，分别确定所述第一版本页面和所述第二版本页面，其中，各所述版本页面基于对上一版本页面的更新操作得到。
20.第三方面，本发明提供一种电子设备，包括：处理器、存储介质和总线，所述存储介质存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储介质之间通过总线通信，所述处理器执行所述机器可读指令，以执行如前述实施方式任一所述基于超文本标记语言的页面对比方法的步骤。
21.第四方面，本发明提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如前述实施方式任一所述基于超文本标记语言的页面对比方法的步骤。
22.本技术的有益效果是：
本技术实施例提供的基于超文本标记语言的页面对比方法、设备及介质中，包括：分别获取第一版本页面的第一电子实验记录和第二版本页面的第二电子实验记录；根据第一电子实验记录和第二电子实验记录，分别获取第一版本页面中各第一接口模块的第一缓存数据和第二版本页面中各第二接口模块的第二缓存数据；根据第一缓存数据和第二缓存数据，确定第二版本页面相对于第一版本页面的变更内容；根据变更内容，获取第一版本页面和第二版本页面的对比页面，应用本技术实施例，可以实现对第一版本页面和第二版本页面的自动对比，而无需人工进行对比，可以有效提高版本页面的对比效率和对比的准确率。
附图说明
23.为了更清楚地说明本技术实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本技术的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
24.图1为本技术实施例提供的一种基于超文本标记语言的页面对比方法的流程示意图；图2为本技术实施例提供的另一种基于超文本标记语言的页面对比方法的流程示意图；图3为本技术实施例提供的又一种基于超文本标记语言的页面对比方法的流程示意图；图4为本技术实施例提供的另一种基于超文本标记语言的页面对比方法的流程示意图；图5为本技术实施例提供的又一种基于超文本标记语言的页面对比方法的流程示意图；图6为本技术实施例提供的另一种基于超文本标记语言的页面对比方法的流程示意图；图7为本技术实施例提供的一种基于超文本标记语言的页面对比装置的功能模块示意图；图8为本技术实施例提供的一种电子设备结构示意图。
具体实施方式
25.为使本技术实施例的目的、技术方案和优点更加清楚，下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本技术实施例的组件可以以各种不同的配置来布置和设计。
26.因此，以下对在附图中提供的本技术的实施例的详细描述并非旨在限制要求保护的本技术的范围，而是仅仅表示本技术的选定实施例。基于本技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
27.应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。
28.图1为本技术实施例提供的一种基于超文本标记语言的页面对比方法的流程示意图，该方法的执行主体可以是计算机、服务器、处理器等具备数据处理功能的电子设备，如图1所示，该方法可以包括：s101、分别获取第一版本页面的第一电子实验记录和第二版本页面的第二电子实验记录。
29.其中，第一版本页面、第二版本页面可以基于超文本标记语言编辑生成。可选地，第二版本页面可以通过对第一版本页面进行更新生成，又或者，第一版本页面可以通过对第二版本页面进行更新生成，本技术在此并不限定第一版本页面和第二版本页面之间的先后生成关系。
30.以第一版本页面为例进行说明，具体在生成第一版本页面时，可以通过对多个第一接口模块进行组合得到，其中，每个第一接口模块可以用于编辑不同的页面模块，比如，某化学实验应用场景下，可选地，该第一版本页面对应的第一接口模块可以包括：基本信息接口模块、基本样本及试剂信息接口模块、检测报告单接口模块、实验结论接口模块、实验附件汇总接口模块等，在此不作限定，根据实际的应用场景可以有所不同。
31.基于上述说明，可选地，第一版本页面的第一电子实验记录可以通过电子实验记录软件得到，比如，可以通过电子实验记录本（electronic lab notebook，eln）获取第一版本页面的第一电子实验记录，在一些实施例中，所获取的第一电子实验记录可以包括：第一版本页面中各第一接口模块标识以及各第一接口模块对应的接口数据，以基本信息接口模块为例进行说明，也即该第一电子实验记录中可以包括基本信息接口模块对应的基本信息数据（比如，可以包括：实验编号、实验创建时间、实验参与人、复核时间、复核人等，在此不作限定）。
32.需要说明的是，第二版本页面的第二电子实验记录的获取方式可参见第一电子实验记录的获取方式，在此不再赘述。基于上述举例进一步说明，若第二版本页面是对第一版本页面进行更新生成，可选地，第二版本页面中的第二接口模块可以与上述第一接口模块部分重合，比如，第二版本页面中的第二接口模块除包括上述多个第一接口模块之外，还可以包括，仪器设备接口模块。当然，需要说明的是，第二版本页面中各第二接口模块的数量和类型并不以此为限，根据实际的应用场景可以有所不同。
33.s102、根据第一电子实验记录和第二电子实验记录，分别获取第一版本页面中各第一接口模块的第一缓存数据和第二版本页面中各第二接口模块的第二缓存数据。
34.基于上述说明，以第一电子实验记录为例进行说明，根据所获取的第一电子实验记录，可以提取第一版本页面中各第一接口模块的第一缓存数据，可选地，各第一接口模块的第一缓存数据可以包括：各接口模块的接口地址、各接口模块标识、各接口模块对应的接口数据等，在此不作限定。
35.第二版本页面中各第二接口模块的第二缓存数据可参见上述第一缓存数据的说明，在此不再赘述。
36.s103、根据第一缓存数据和第二缓存数据，确定第二版本页面相对于第一版本页面的变更内容。
37.可以理解的是，通过对第一缓存数据和第二缓存数据进行对比，则可以确定第二版本页面相对于第一版本页面的变更内容，可选地，该变更内容可以包括：发生变更的各接口模块标识、发生变更的各接口模块对应的接口数据、变更时间等，在此不作限定。
38.s104、根据变更内容，获取第一版本页面和第二版本页面的对比页面。
39.基于所确定的变更内容，则可以据此生成第一版本页面和第二版本页面的对比页面，其中，通过该对比页面，用户可以直观地知晓发生变更的接口模块、发生变更的各接口模块对应的接口数据，相较于现有技术来说，由于可以实现自动化对比，因此，可以有效提高版本页面的对比效率。
40.综上，本技术实施例提供一种基于超文本标记语言的页面对比方法，包括：分别获取第一版本页面的第一电子实验记录和第二版本页面的第二电子实验记录；根据第一电子实验记录和第二电子实验记录，分别获取第一版本页面中各第一接口模块的第一缓存数据和第二版本页面中各第二接口模块的第二缓存数据；根据第一缓存数据和第二缓存数据，确定第二版本页面相对于第一版本页面的变更内容；根据变更内容，获取第一版本页面和第二版本页面的对比页面，应用本技术实施例，可以实现对第一版本页面和第二版本页面的自动对比，而无需人工进行对比，可以有效提高版本页面的对比效率和对比的准确率。
41.图2为本技术实施例提供的另一种基于超文本标记语言的页面对比方法的流程示意图。可选地，如图2所示，上述根据变更内容，获取第一版本页面和第二版本页面的对比页面的步骤可以包括：s201、根据变更内容的变更类别，确定变更内容的变更标识。
42.可选地，上述电子设备中可以预存有变更类别和变更标识的映射关系，其中，对于不同的变更类别，可以对应不同的变更标识，该变更标识具体可以是变更内容高亮、变更内容加粗、变更内容斜体等变更样式，在此不作限定。当然，根据实际的应用场景，该映射关系也可以由用户自定义。
43.基于上述说明，在确定了第二版本页面相对于第一版本页面的变更内容后，则可以据此进一步确定其变更类别，也即该变更内容是由于何种变更操作所引起的，该变更类别可以包括新增、修改、删除中的至少一种。根据该变更类型以及上述映射关系，则可以进一步确定变更内容的变更标识。
44.s202、根据变更内容的变更标识，在对比页面中区别化标识变更内容。
45.基于所确定的变更内容的变更标识，则可以在该对比页面中区别化显示该变更内容，比如，可以将新增的变更内容高亮显示、将删除的变更内容加删除线显示、将修改的变更内容斜体显示，使得通过该区别化标识可以清楚地知晓第一版本页面和第二版本页面的不同指出，便于版本设计人员查缺补漏，提高本技术方法的适用性。
46.图3为本技术实施例提供的又一种基于超文本标记语言的页面对比方法的流程示意图。可选地，如图3所示，上述根据第一电子实验记录，获取第一版本页面中各第一接口模块的第一缓存数据的步骤可以包括：s301、根据第一电子实验记录，获取第一版本页面中各第一接口模块的接口地址。
47.在一些实施例中，根据各第一接口模块设计的需求，各第一接口模块对应的接口数据可以存储在不同的位置，比如，第一版本页面中第一接口模块包括接口模块a和接口模块b，其中，其中接口模块a对应的接口数据存储在第一存储位置，而接口模块b对应的接口
数据存储在第二存储位置。
48.基于上述说明，可以看出各第一接口模块的接口地址可以指示各第一接口模块对应的接口数据的存储地址或者保存地址。因此，可以根据第一电子实验记录，获取第一版本页面中各第一接口模块的接口地址。
49.s302、根据各第一接口模块的接口地址，获取各第一接口模块对应的电子实验记录。
50.其中，在获取到各第一接口模块的接口地址后，则可以从该第一电子实验记录中进一步获取各第一接口模块对应的电子实验记录。可以理解的是，对于不同的第一接口模块，其所对应的电子实验记录也将不同。
51.s303、根据各第一接口模块的接口地址和第一随机数生成算法，确定各第一接口模块的键名，并根据各第一接口模块对应的电子实验记录确定各第一接口模块的键值。
52.在一些实施例中，考虑到各第一接口模块的接口地址可能比较长，不便于进行缓存，可选地，可以基于第一随机数生成算法生成第一随机数；根据该第一随机数，对各第一接口模块的接口地址进行变换，得到各第一接口模块变换后的接口地址，那么，此时可以将该各第一接口模块变换后的接口地址作为各第一接口模块的键名。
53.可选地，根据该第一随机数，对各第一接口模块的接口地址进行变换时，可以将该第一随机数添加在该接口地址中的预设位置，比如，可以添加在该接口地址的末尾，当然，具体变换方式并不以此为限。
54.进一步地，基于所确定的各第一接口模块的键名，可以将各第一接口模块对应的电子实验记录作为各第一接口模块的键值。
55.s304、根据各第一接口模块的键名和各第一接口模块的键值，保存得到第一版本页面中各第一接口模块的第一缓存数据。
56.其中，具体进行保存时，可以根据各第一接口模块的键名和各第一接口模块的键值进行对应保存，以得到各第一接口模块的第一缓存数据。当然，本技术在此并不限定保存的位置，可以选择本地保存，又或者，可以选择云端保存，根据实际的应用场景可以有所不同。
57.基于上述说明，可选地，对于该第一缓存数据来说，其可以包括各第一接口模块的接口地址、各第一接口模块的键名、各第一接口模块的键值。
58.值得说明的是，第二版本页面中各第二接口模块的第二缓存数据的获取过程可参见上述第一缓存数据的获取过程，在此不再赘述。值得说明的是，对于各第二接口模块来说，各第二接口模块的键名的生成方式应用与各第一接口模块的键名的生成方式保持一致，便于后期进行对比时，可以对相同类型的接口模块进行对比。
59.综上，可以看出，由于第一版本页面中各第一接口模块的第一缓存数据可以根据第一版本页面中页面结构的不同而灵活生成、第二版本页面中各第二接口模块的第二缓存数据可以根据第二版本页面中页面结构的不同而灵活生成，因此，本技术实施例所提供的方法可以适用于动态生成的页面，可以实现准确对比，适用场景较为广泛。
60.图4为本技术实施例提供的另一种基于超文本标记语言的页面对比方法的流程示意图。可选地，如图4所示，上述根据第一缓存数据和第二缓存数据，确定第二版本页面相对于第一版本页面的变更内容的步骤可以包括：
s401、获取第一缓存数据和第二缓存数据中接口模块类型相同的多个目标接口模块。
61.在一些实施例，对于各第一接口模块来说，各第一接口模块的接口地址可以指示各第一接口模块的接口模块类型，因此，可以获取第一缓存数据中各第一接口模块的接口地址，以及第二缓存数据中各第二接口模块的接口地址，根据各第一接口模块的接口地址和各第二接口模块的接口地址，从而筛选出接口模块类型相同的多个目标接口模块。
62.其中，需要说明的是，若某第一接口模块和某第二接口模块的接口模块类型相同，则说明这两个模块接口为同一接口模块，比如，可以均为基本信息接口模块。
63.s402、基于接口模块类型相同的多个目标接口模块中各目标接口模块对应的缓存数据，确定第二版本页面相对于第一版本页面的变更内容。
64.其中，基于上述所获取的接口模块类型相同的多个目标接口模块，则可以根据第一缓存数据、第二缓存数据，分别获取该多个目标接口模块在第一缓存数据、第二缓存数据中对应的缓存数据，进而可以据此比较确定第二版本页面相对于第一版本页面的变更内容。
65.图5为本技术实施例提供的又一种基于超文本标记语言的页面对比方法的流程示意图。可选地，如图5所示，上述基于接口模块类型相同的多个目标接口模块中各目标接口模块对应的缓存数据，确定第二版本页面相对于第一版本页面的变更内容的步骤可以包括：s501、获取接口模块类型相同的多个目标接口模块中各目标接口模块对应的缓存数据中各条数据的数据关联标识。
66.其中，对于各目标接口模块来说，可以从第一缓存数据中获取各目标界面模块对应的第一目标缓存数据，根据该第一目标缓存数据可以获取各条数据的数据关联标识，其中，各条数据的数据关联标识可以表征其数据的数据来源。可选地，第二版本页面中第一目标接口模块的某条数据来源于第一版本页面中的第二目标接口模块，那么第二版本页面中第一目标接口模块的某条数据的数据标识应当与第一版本页面中该条数据的数据标识保持一致；可选地，第二版本页面中第一目标接口模块的某条数据为新增数据，则该条数据的数据标识可以根据随机算法生成。
67.举例说明，若第一版本页面中某目标接口模块中第一条数据为新增加的数据，可选地，该第一条数据的数据标识可以根据随机算法随机生成，比如，该第一条数据n1的数据标识可以为m1；若第二版本页面是在第一版本页面的基础上新增得到的，具体增加内容为在该目标接口模块中新增加了一条数据，比如第二条数据n2，也即此时该目标接口模块中将包括两条数据，其中，需要说明的是，由于第一条数据n1是来源于第一版本页面，且数据未发生变化，因此该第一条数据n1的数据标识依然为m1，对于第二条数据n2来说，由于其是新增加的，可选地，该第二条数据n2的数据标识可以根据随机算法随机生成，比如，第二条数据n2的数据标识可以为m2。当然，需要说明的是，各条数据的数据关联标识的生成方式并不以此为限。
68.s502、根据各条数据的数据关联标识，确定第二版本页面相对于第一版本页面的交集数据和叉集数据。
69.其中，交集数据为第二版本页面相对于第一版本页面中发生修改的数据；叉集数
据为第二版本页面相对于第一版本页面中发生新增或删除的数据。
70.参见上述说明可知，各条数据的数据关联标识可以表征其数据的数据来源，也即各条数据的数据关联标识可以表征该条数据所处的版本页面与其他版本页面之间的数据变化关系。因此，根据各条数据的数据关联标识，可以进一步确定第二版本页面相对于第一版本页面中发生修改的数据、第二版本页面相对于第一版本页面中发生新增或删除的数据。
71.图6为本技术实施例提供的另一种基于超文本标记语言的页面对比方法的流程示意图。可选地，如图6所示，上述根据各条数据的数据关联标识，确定第二版本页面相对于第一版本页面的交集数据的步骤可以包括：s601、根据各条数据的数据关联标识，确定数据关联标识相同的第一目标数据和第二目标数据。
72.s602、根据第一目标数据和第二目标数据，确定第二版本页面相对于第一版本页面的交集数据。
73.其中，在获取到各条数据的数据关联标识之后，可以获取数据关联标识相同的第一目标数据和第二目标数据，并对比该第二目标数据与第一目标数据之间的数据差异，根据该数据差异确定第二版本页面相对于第一版本页面的交集数据，也即第二版本页面相对于第一版本页面中发生修改的数据。
74.值得说明的是，具体在获取第二版本页面相对于第一版本页面的叉集数据时，可以在确定交集数据之后，根据数据关联标识不同的各数据，确定第二版本页面相对于第一版本页面中发生新增或删除的数据。
75.可选地，分别获取第一版本页面的第一电子实验记录和第二版本页面的第二电子实验记录之前，上述方法还包括：响应于对多个版本页面中任意两个版本页面的选择操作，分别确定第一版本页面和第二版本页面，其中，各版本页面基于对上一版本页面的更新操作得到。
76.其中，第一版本页面、第二版本页面可以通过在多个版本页面中选择确定，该多个版本页面可以包括一初始版本页面和多个其他版本页面，多个其他版本页面可以在该初始版本页面的基础上生成。
77.基于该说明，可选地，第一版本页面可以是初始版本页面，第二版本页面可以是多个其他版本页面中的任一版本页面，当然，第一版本页面和第二版本页面的选择方式并不以此为限。
78.综上，应用本技术实施例，实现了可以在多个版本页面中任意选择两个版本页面进行对比，可以提高本技术方法的适用性。
79.图7为本技术实施例提供的一种基于超文本标记语言的页面对比装置的功能模块示意图，该装置基本原理及产生的技术效果与前述对应的方法实施例相同，为简要描述，本实施例中未提及部分，可参考方法实施例中的相应内容。如图7所示，该页面对比装置100包括：第一获取模块110，用于分别获取第一版本页面的第一电子实验记录和第二版本页面的第二电子实验记录；第二获取模块120，用于根据第一电子实验记录和第二电子实验记录，分别获取第
一版本页面中各第一接口模块的第一缓存数据和第二版本页面中各第二接口模块的第二缓存数据；确定模块130，用于根据第一缓存数据和第二缓存数据，确定第二版本页面相对于第一版本页面的变更内容；第三获取模块140，根据变更内容，获取第一版本页面和第二版本页面的对比页面。
80.在可选的实施方式中，第三获取模块140，具体用于根据变更内容的变更类别，确定变更内容的变更标识，变更内容的变更类别包括下述至少一种：新增、修改、删除；根据变更内容的变更标识，在对比页面中区别化标识变更内容。
81.在可选的实施方式中，第二获取模块120，具体用于根据第一电子实验记录，获取第一版本页面中各第一接口模块的接口地址；根据各第一接口模块的接口地址，获取各第一接口模块对应的电子实验记录；根据各第一接口模块的接口地址和第一随机数生成算法，确定各第一接口模块的键名，并根据各第一接口模块对应的电子实验记录确定各第一接口模块的键值；根据各第一接口模块的键名和各第一接口模块的键值，保存得到第一版本页面中各第一接口模块的第一缓存数据。
82.在可选的实施方式中，确定模块130，具体用于获取第一缓存数据和第二缓存数据中接口模块类型相同的多个目标接口模块；基于接口模块类型相同的多个目标接口模块中各目标接口模块对应的缓存数据，确定第二版本页面相对于第一版本页面的变更内容。
83.在可选的实施方式中，确定模块130，具体用于获取接口模块类型相同的多个目标接口模块中各目标接口模块对应的缓存数据中各条数据的数据关联标识；根据各条数据的数据关联标识，确定第二版本页面相对于第一版本页面的交集数据和叉集数据，交集数据为第二版本页面相对于第一版本页面中发生修改的数据；叉集数据为第二版本页面相对于第一版本页面中发生新增或删除的数据。
84.在可选的实施方式中，确定模块130，具体用于根据各条数据的数据关联标识，确定数据关联标识相同的第一目标数据和第二目标数据；根据第一目标数据和第二目标数据，确定第二版本页面相对于第一版本页面的交集数据。
85.在可选的实施方式中，第一获取模块110，还用于响应于对多个版本页面中任意两个版本页面的选择操作，分别确定第一版本页面和第二版本页面，其中，各版本页面基于对上一版本页面的更新操作得到。
86.上述装置用于执行前述实施例提供的方法，其实现原理和技术效果类似，在此不再赘述。
87.以上这些模块可以是被配置成实施以上方法的一个或多个集成电路，例如：一个或多个特定集成电路（application specific integrated circuit，简称asic），或，一个或多个微处理器，或，一个或者多个现场可编程门阵列（field programmable gate array，简称fpga）等。再如，当以上某个模块通过处理元件调度程序代码的形式实现时，该处理元件可以是通用处理器，例如中央处理器（central processing unit，简称cpu）或其它可以
调用程序代码的处理器。再如，这些模块可以集成在一起，以片上系统（system-on-a-chip，简称soc）的形式实现。
88.图8为本技术实施例提供的一种电子设备结构示意图，该电子设备可以集成于上述页面对比装置中。如图8所示，该电子设备可以包括：处理器210、存储介质220和总线230，存储介质220存储有处理器210可执行的机器可读指令，当电子设备运行时，处理器210与存储介质220之间通过总线230通信，处理器210执行机器可读指令，以执行上述方法实施例的步骤。具体实现方式和技术效果类似，这里不再赘述。
89.可选地，本技术还提供一种存储介质，存储介质上存储有计算机程序，计算机程序被处理器运行时执行上述方法实施例的步骤。具体实现方式和技术效果类似，这里不再赘述。
90.在本技术所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
91.作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
92.另外，在本技术各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
93.上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）或处理器（英文：processor）执行本技术各个实施例方法的部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器（英文：read-only memory，简称：rom）、随机存取存储器（英文：random access memory，简称：ram）、磁碟或者光盘等各种可以存储程序代码的介质。
94.需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括要素的过程、方法、物品或者设备中还存在另外的相同要素。
95.以上仅为本技术的优选实施例而已，并不用于限制本技术，对于本领域的技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本技术的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要
对其进行进一步定义和解释。以上仅为本技术的优选实施例而已，并不用于限制本技术，对于本领域的技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本技术的保护范围之内。