CN111104616A - 一种网页处理方法及其装置 - Google Patents

Abstract

本申请公开了一种网页处理方法及其装置，所述方法包括：基于与网页对应的文件对象模型DOM，获取所述网页的变化信息；根据所述变化信息，生成所述网页的用户操作行为数据。采用本申请，能够方便快捷地获取用户使用网页时的数据。

Description

一种网页处理方法及其装置

技术领域

本申请涉及计算机技术领域，尤其涉及一种网页处理方法及其装置。

背景技术

随着计算机网络的发展，人们越依赖于网络获取信息和服务，例如通过网络阅读文字信息、查看图片、播放影音、在线购物等等，从而给人们带来极其丰富的工作和生活体验。上述这些信息和服务往往是通过网页形式呈现给用户的。具体的，当用户通过浏览器向服务器发起URL(Uniform Resource Locator，统一资源定位符)请求时，对应的服务器会根据URL请求，将相应的资源文件响应给浏览器；浏览器将接收到的资源文件进行整理并呈现到网页中。

是使用网页的过程中，有时需要获知用户针对某一网页的操作实况。在现有技术中，通常使用利用网页的URL的屏幕录制功能或远程协助功能来获取用户的操作实况。而这些方式对于需要用户权限的网页或者网页改版的情况并不适用，并且成本过高，难以推行。因此，现有技术需要一种能够方便快速地记录用户使用网页的情况的技术方案。

发明内容

本申请的主要目的在于提供一种网页处理方法及其装置，旨在解决以上提到能够方便快速地记录用户使用网页的问题。

本申请的示例性实施例提供一种网页处理方法，所述方法包括：基于与网页对应的文件对象模型DOM，获取所述网页的变化信息；根据所述变化信息，生成所述网页的用户操作行为数据。

本申请的另一示例性实施例提供一种计算机可读存储介质，其上存储有计算机指令，其特征在于，所述指令被执行时实现上述方法。

本申请的另一示例性实施例提供一种网页处理装置，所述装置包括：处理器；以及被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行以下操作：基于与网页对应的文件对象模型DOM，获取所述网页的变化信息；根据所述变化信息，生成所述网页的用户操作行为数据。

本申请实施例采用的上述至少一个技术方案能够方便快捷地获取用户使用网页时的数据。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据本申请的示例性实施例的网页处理系统的框图；

图2是根据本申请的示例性实施例的网页处理方法的流程图；

图3是根据本申请的示例性实施例的网页处理装置的框图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

为了更清楚地描述本说明书一个或多个实施例，如下对所涉及的术语进行描述。

JavaScript是一种直译式脚本语言，用于为网页提供各种动态功能，通常将JavaScript脚本嵌入HTML上来实现动态功能。在本申请中，可通过URL向相对应的服务器发送请求，随后从服务器接收到JS脚本代码，利用JS脚本代码可向用户呈现网页中的动态效果。

按照特定的web标准(例如，HTML或XML)编写的网页页面通常有三个要素：结构层、表现层和行为层。结构层：网页中的内容(如，文字、图像、声音、视频等信息)是包含语义的，通过语义的分析，可以对其划分结构。具有了结构的内容将更容易阅读。结构层是Web标准中网页的第一项。表现层：网页中的内容需要以特定的格式(或，样式)显示。表现层的功能目标是使网页能在视觉上正确地表达出内容的结构性，并且能与相关的显示设备相匹配，达到最佳的显示效果。在Web标准中，表现层主要通过CSS(CSS即级联样式表，是一种用来表现超文本标记语言HTML或可扩展标记语言XML等文件样式的计算机语言)来实现。行为层：行为层使网页能表现出动态效果，这里的动态是指网页构成的元素本身可以动态地发生变化，使得网页的交互性得以实现，如，用户对网页进行操作时(如，键盘输入数据、鼠标在网页上的点击、拖拽等操作)，网页可以做出响应性的变化。

文档对象模型(Document Object Model，简称DOM)是用于HTML和XML文档的应用程序编程接口，它定义文档的逻辑结构，以及访问和操作文档的方式。也就是说，通过网页的DOM可获得网页在表现层的元素的变化。

根据本发明的示例性实施例的网页处理方法不管结构层如何，通过监控网页在表现层和/或行为层的变化来记录用户使用网页的情况。所述方法不考虑结构层的变化，因此，不需要利用网页的URL来打开网页，因此不涉及用户的权限以及网页改版等问题。

下文中将参考附图并结合实施例来详细说明本申请。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

在描述本申请的各实施例的进一步细节之前，将参考图1来描述可用于实现本申请的原理的一个合适的计算体系结构。在以下描述中，除非另外指明，否则将参考由一个或多个计算机执行的动作和操作的符号表示来描述本申请的各实施例。由此，可以理解，有时被称为计算机执行的这类动作和操作包括计算机的处理单元对以结构化形式表示数据的电信号的操纵。这一操纵转换了数据或在计算机的存储器系统中的位置上维护它，这以本领域的技术人员都理解的方式重配置或改变了计算机的操作。维护数据的数据结构是具有数据的格式所定义的特定属性的存储器的物理位置。然而，尽管在上述上下文中描述本申请，但它并不意味着限制性的，如本领域的技术人员所理解的，后文所描述的动作和操作的各方面也可用硬件来实现。

转向附图，其中相同的参考标号指代相同的元素，本申请的原理被示为在一个合适的计算环境中实现。以下描述基于所述的本申请的实施例，并且不应认为是关于此处未明确描述的替换实施例而限制本申请。

图1示出了可用于这些设备的一个示例计算机体系结构的示意图。出于描述的目的，所绘的体系结构仅为合适环境的一个示例，并非对本申请的使用范围或功能提出任何局限。也不应将该计算系统解释为对图1所示的任一组件或其组合具有任何依赖或需求。

本申请的原理可以使用其它通用或专用计算或通信环境或配置来操作。适用于本申请的众所周知的计算系统、环境和配置的示例包括但不限于，个人计算机、服务器，多处理器系统、基于微处理的系统、小型机、大型计算机、以及包括任一上述系统或设备的分布式计算环境。

在其最基本的配置中，图1中的网页处理系统100至少包括：一个网站的服务器102以及一个或多个客户端104。服务器102可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置、用于存储数据的存储装置以及与客户端通信的传输装置；客户端104可以包括：微处理器MCU、与服务器通信的传输装置、与用户交互的显示装置。在本说明书和权利要求书中，“系统”也可以被定义为能够执行软件、固件或微码来实现功能的任何硬件组件或硬件组件的组合，网页处理系统100甚至可以是分布式的，以实现分布式功能。

如本申请所使用的，术语“模块”、“组件”或“单元”可以指在配置信息的更新系统100上执行的软件对象或例程。此处所描述的不同组件、模块、单元、引擎和服务可被实现为在网页处理系统100上执行(例如，作为单独的线程)的对象或进程。尽管此处所描述的系统和方法较佳地以软件来实现，但是硬件或软件和硬件的组合的实现也是可能并被构想的。

图2是根据本申请的示例性实施例的网页处理方法的流程图。根据本申请的示例性实施例，所述方法可由客户端104执行。

在步骤S220，基于与网页对应的文件对象模型DOM，获取所述网页的变化信息，具体来说，首先确定网页的初始DOM。在实施过程中，当通过浏览器显示网页时，可通过现有技术直接获取正显示的网页的初始DOM。随后，获取相较于初始DOM发生变化的DOM变量。具体来说，基于初始DOM，确定所述网页的DOM中的节点是否发生变化；若发生变化，获取发生变化的节点以及所述发生变化的节点的内容作为DOM变量。也就是说，仅在网页的DOM内的节点发生变化时，获取DOM变量，而如果网页的DOM不发生变化，则不对其进行处理。

根据本申请的示例性实施例，可利用标识信息对初始DOM内的所有节点进行标识，这样如果某一节点发生变化时，可根据所述节点的标识信息确定发生变化的节点。此外，可将节点发生变化的时间与发生变化的节点的标识信息以及节点发生变化的内容对应地存储在一起。

根据本申请的示例性实施例，可利用Mutation Observer获取网页的DOM变量。举例来说，Mutation Observer可用于监控DOM，当DOM的节点发生变化例如DOM内的节点增减、属性变化、内容变化时，Mutation Observer均可接到通知。如上所述，可对初始DOM内的所有节点进行了标识，当利用Mutation Observer发现有新节点时，可记录增加新节点的时间，并对新节点分配标识信息，随后获取新节点对应的内容，最后，将新节点的标识信息与新节点对应的内容以及时间作为DOM变量存储在一起。

根据本申请的示例性实施例，在实施过程中，由于需要持续不断地确定网页的DOM是否发生变化，因此为了减轻处理器的处理压力，按照预定频率获取所述网页的变化信息，例如，也就是说，可采取分段方式获取所述网页的变化信息，例如，可将等时间间隔内获取的DOM变量存储在一起，又例如，可将等存储大小的DOM变量存储在一起。

在步骤S220，根据所述变化信息，生成所述网页的用户操作行为数据，具体来说，可利用初始DOM以及DOM变量，生成用户操作行为数据。也就是说，所述用户操作行为数据可包括初始DOM以及DOM变量。此外，所述用户操作行为数据中还可包括用户对于所述网页的用户操作，所述用户操作可包括用户利用外设设备(例如，鼠标、键盘、触摸笔)对于页面做出的操作，例如，鼠标点击、鼠标移动等。

可选地，可利用iframe播放所述用户操作行为数据，具体来说，iframe可读取用户操作行为数据中的初始DOM，并在显示与初始DOM对应的页面之后，读取用户操作行为数据中的DOM变量，利用DOM变量，显示页面的变化。具体来说，可利用DOM变量中包括的节点的标识信息，确定所述节点的位置，这样在显示的页面的相应位置上显示所述节点在DOM变量中包括的内容。可选地，可读取用户操作行为数据中的用户操作，在利用iframe显示DOM变量的同时显示用户操作。为了更好地显示用户对于网页的操作，可预先确定各种用户操作在屏幕上的显示方式，例如，用户点击网页中的某一处的用户操作可用红点显示在该处来表示，又例如，用户将鼠标从屏幕上的地点A拖拽到地点B可用从A到B的线段来表示。

根据本申请的示例性实施例，在iframe播放用户操作行为数据的过程中，可按照用户操作行为数据中的数据的存储顺序来顺序播放用户操作行为数据，此外，可读取用户操作行为数据中的数据的存储时间，随后，根据数据的存储时间来播放用户操作行为数据。

如上所述，根据本申请的示例性实施例的网页处理方法利用网页DOM来生成对于网页的用户操作行为数据，从而能够方便快捷地直接记录网页的变化，而不涉及网页中与变化无关的元素。更进一步地，可利用iframe播放用户操作行为数据，这样用户可以直观地关注网页发生变化的部分，并且不需要利用URL开启网页，避免了网页改版、用户权限等问题。更进一步地，可记录用户操作，这样可将用户操作与DOM变化对应地呈现出来，方便用户下一步操作。

为了更清楚地明白本申请的示例性实施例的发明构思，以下将参照图3描述本申请的示例性实施例的网页处理装置的框图。本领域普通技术人员将理解：图3中的装置仅示出了与本示例性实施例相关的组件，所述装置中还包括除了图3中示出的组件之外的通用组件。

图3示出本申请的示例性实施例的网页处理装置的框图。参考图3，在硬件层面，该服务器包括处理器、内部总线和计算机可读存储介质，其中，所述计算机可读存储介质包括易失性存储器和非易失性存储器。处理器从非易失性存储器中读取对应的计算机程序然后运行。当然，除了软件实现方式之外，本申请并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

具体来说，所述处理器执行以下操作：基于与网页对应的文件对象模型DOM，获取所述网页的变化信息；根据所述变化信息，生成所述网页的用户操作行为数据。

可选地，所述处理器在实现步骤基于与网页对应的文件对象模型DOM获取所述网页的变化信息包括：确定所述网页的初始DOM；获取相较于初始DOM发生变化的DOM变量作为所述网页的变化信息。

可选地，所述处理器在实现步骤根据所述变化信息生成所述网页的用户操作行为数据包括：利用初始DOM以及DOM变量，生成用户操作行为数据。

可选地，所述处理器在实现步骤基于与网页对应的文件对象模型DOM获取所述网页的变化信息包括：基于与网页对应的文件对象模型DOM，按照预定频率获取所述网页的变化信息。

可选地，所述处理器在实现步骤确定网页的初始文件对象模型DOM后还包括：利用标识信息将所述网页的DOM中的每个节点进行标识。

可选地，所述处理器在实现步骤获取相较于所述初始DOM发生变化的DOM变量作为所述网页的变化信息包括：基于所述初始DOM，确定所述网页的DOM中的节点是否发生变化；若发生变化，获取发生变化的节点以及所述发生变化的节点的内容作为DOM变量；存储所述DOM变量作为所述网页的变化信息。

可选地，所述处理器在实现步骤获取发生变化的节点包括：基于发生变化的节点的标识信息确定发生变化的节点。

可选地，所述处理器在实现步骤根据所述变化信息生成所述网页的用户操作行为数据还包括：获取用户对于所述网页的用户操作。

可选地，所述处理器在实现步骤生成所述网页的用户操作行为数据后包括：利用iframe播放所述用户操作行为数据。

如上所述，根据本申请的示例性实施例的网页处理装置利用网页DOM来生成对于网页的用户操作行为数据，从而能够方便快捷地直接记录网页的变化，而不涉及网页中与变化无关的元素。更进一步地，可利用iframe播放用户操作行为数据，这样用户可以直观地关注网页发生变化的部分，并且不需要利用URL开启网页，避免了网页改版、用户权限等问题。更进一步地，可记录用户操作，这样可将用户操作与DOM变化对应地呈现出来，方便用户下一步操作。

需要说明的是，实施例1所提供方法的各步骤的执行主体均可以是同一设备，或者，该方法也由不同设备作为执行主体。比如，步骤21和步骤22的执行主体可以为设备1，步骤23的执行主体可以为设备2；又比如，步骤21的执行主体可以为设备1，步骤22和步骤23的执行主体可以为设备2；等等。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (19)

1.一种网页处理方法，其特征在于，包括：

基于与网页对应的文件对象模型DOM，获取所述网页的变化信息；

根据所述变化信息，生成所述网页的用户操作行为数据。

2.如权利要求1所述的方法，其特征在于，基于与网页对应的文件对象模型DOM获取所述网页的变化信息包括：

确定所述网页的初始DOM；

获取相较于初始DOM发生变化的DOM变量作为所述网页的变化信息。

3.如权利要求2所述的方法，其特征在于，根据所述变化信息生成所述网页的用户操作行为数据包括：利用初始DOM以及DOM变量，生成用户操作行为数据。

4.如权利要求1所述的方法，其特征在于，基于与网页对应的文件对象模型DOM获取所述网页的变化信息包括：基于与网页对应的文件对象模型DOM，按照预定频率获取所述网页的变化信息。

5.如权利要求2所述的方法，其特征在于，确定网页的初始文件对象模型DOM后还包括：利用标识信息将所述网页的DOM中的每个节点进行标识。

6.如权利要求5述的方法，其特征在于，获取相较于所述初始DOM发生变化的DOM变量作为所述网页的变化信息包括：

基于所述初始DOM，确定所述网页的DOM中的节点是否发生变化；

若发生变化，获取发生变化的节点以及所述发生变化的节点的内容作为DOM变量；

存储所述DOM变量作为所述网页的变化信息。

7.如权利要求6所述的方法，其特征在于，获取发生变化的节点包括：基于发生变化的节点的标识信息确定发生变化的节点。

8.如权利要求1所述的方法，其特征在于，根据所述变化信息生成所述网页的用户操作行为数据还包括：获取用户对于所述网页的用户操作。

9.如权利要求1所述的方法，其特征在于，生成所述网页的用户操作行为数据后包括：利用iframe播放所述用户操作行为数据。

10.一种计算机可读存储介质，其上存储有计算机指令，其特征在于，所述指令被执行时实现权利要求1至9中的任一权利要求所述的方法。

11.一种网页处理装置，其特征在于，包括：

处理器；以及

被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行以下操作：

基于与网页对应的文件对象模型DOM，获取所述网页的变化信息；

根据所述变化信息，生成所述网页的用户操作行为数据。

12.如权利要求11所述的装置，其特征在于，所述处理器在实现步骤基于与网页对应的文件对象模型DOM获取所述网页的变化信息包括：

确定所述网页的初始DOM；

获取相较于初始DOM发生变化的DOM变量作为所述网页的变化信息。

13.如权利要求12所述的装置，其特征在于，所述处理器在实现步骤根据所述变化信息生成所述网页的用户操作行为数据包括：利用初始DOM以及DOM变量，生成用户操作行为数据。

14.如权利要求11所述的装置，其特征在于，所述处理器在实现步骤基于与网页对应的文件对象模型DOM获取所述网页的变化信息包括：基于与网页对应的文件对象模型DOM，按照预定频率获取所述网页的变化信息。

15.如权利要求12所述的装置，其特征在于，所述处理器在实现步骤确定网页的初始文件对象模型DOM后还包括：利用标识信息将所述网页的DOM中的每个节点进行标识。

16.如权利要求15述的装置，其特征在于，所述处理器在实现步骤获取相较于所述初始DOM发生变化的DOM变量作为所述网页的变化信息包括：

基于所述初始DOM，确定所述网页的DOM中的节点是否发生变化；

若发生变化，获取发生变化的节点以及所述发生变化的节点的内容作为DOM变量；

存储所述DOM变量作为所述网页的变化信息。

17.如权利要求16所述的装置，其特征在于，所述处理器在实现步骤获取发生变化的节点包括：基于发生变化的节点的标识信息确定发生变化的节点。

18.如权利要求11所述的装置，其特征在于，所述处理器在实现步骤根据所述变化信息生成所述网页的用户操作行为数据还包括：获取用户对于所述网页的用户操作。

19.如权利要求11所述的装置，其特征在于，所述处理器在实现步骤生成所述网页的用户操作行为数据后包括：利用iframe播放所述用户操作行为数据。

Images