CN112148571B - 一种网页操作过程记录与回放的方法及装置 - Google Patents

Abstract

本申请公开了一种网页操作过程记录与回放的方法，所述方法应用于网页操作过程记录装置与回放装置，所述方法包括，基于网页中发生的HTML事件，将所述HTML事件和/或所述HTML事件对应的处理信息生成为网页操作指令，将所述网页操作指令与所述HTML事件发生的时间信息按照对应关系记录并增加至网页操作指令序列数据。通过本申请公开的网页操作过程回放方法，读取网页操作过程的记录数据并解析，基于其包含的数据记录，根据所述数据记录的时间信息编排生成所述数据记录的调用时间，基于所述数据记录的调用时间执行所述数据记录中包含的网页操作指令，还原原始的网页操作过程。本申请有利于完整保存网页操作过程记录，所生成的数据具有体积小、防篡改的优势。

Description

一种网页操作过程记录与回放的方法及装置

技术领域

本发明涉及通信领域，具体涉及一种网页操作过程记录与回放的方法及装置。

背景技术

在网页浏览与操作过程中，经常会遇到需要将用户的浏览、操作信息进行记录的情形，例如，针对浏览的内容进行解说，发送至第三方，以便第三方能够执行网页回放，充分了解网页所包含的内容、重点以及操作过程。另外，在一些特殊的要求中，要求将网页的浏览、操作过程严格记录，并生成可供查验的网页操作过程记录数据，同时需考虑所记录数据的完整性，且不允许篡改，例如，在银保监会发布的《关于规范互联网保险销售行为可回溯管理的通知》中，明确要求做到互联网保险销售行为的可回溯，即对通过网页销售的操作过程进行完整记录，并保存生成可供查验的数据，并强调互联网保险销售行为可回溯资料应当可以还原为可供查验的有效文件，销售页面应当可以还原为可供查验的有效图片或视频，以便调查检查使用。

现有技术中，对网页操作过程记录采用屏幕录制生成视频的方式，其具有体积大、录制不方便、查验难的特点，一般地，如上互联网投保的网页操作过程，操作时间按10分钟计算，所生成的录制文件大小在500M以上，要求用户安装屏幕录制软件才能完成投保过程，限制了用户的行为；针对录制视频进行查验，无法快速定位某项内容(如用户在健康告知项中的签字部分)。

因此，针对网页浏览、操作过程有效、精确录制，生成可供查验的数据记录，这个问题亟待使用新技术方案解决。

发明内容

本申请实施例提供一种网页操作过程记录与回放方法，解决对网页浏览、操作过程的记录问题，生成完整的网页操作过程记录数据。

第一方面，本申请提供了一种网页操作过程记录方法，应用于网页操作过程记录装置，所述方法包括：

基于所述网页中发生的HTML事件(HTML DOM Event)，将所述HTML事件和/或所述HTML事件对应的处理信息生成为网页操作指令；

将所述网页操作指令、所述HTML事件发生的时间信息按照对应关系记录并增加至网页操作指令序列数据；

其中，所述网页操作指令用于网页回放时调用，以还原其对应的HTML事件的执行效果；所述网页操作指令序列数据用于回放所述网页操作过程，基于其包含的数据记录，根据所述数据记录的时间信息编排生成所述数据记录的调用时间，基于所述调用时间执行所述数据记录中包含的网页操作指令。

上述第一方面提供的技术方案中，因每一次网页操作或者网页发生变化，均有相对应的HTML事件产生，因此，本申请基于所述网页中发生的HTML事件生成网页操作指令。

以上第一方面提供的技术方案，基于所述网页中发生的HTML事件记录网页的操作过程，并生成包含时间信息的网页操作指令序列数据，即记录了“在网页中，什么时间做了什么”的数据记录，为网页整体操作过程的回放，单步网页操作的还原提供了完整数据。

在第一方面的一种可能的实现方式中，根据所述网页的首次加载，获取所述加载过程中从服务器发送至客户端的数据，或者，读取所述网页加载完成后本地浏览器中的数据，将所述数据记录为网页基础访问数据；其中，所述网页基础访问数据，在网页操作过程回放过程中作为初始化数据使用。

该种可能的实现方式中，所述网页基础访问数据，为首次网页加载过程中从服务器请求获得的数据，也即网页首次加载完成后在浏览器中本地包含的所有数据，以上提供的两种获取方法，所获取的数据内容基本相同。

该种可能的实现方式中，在网页首次加载完成的时间点记录完整的网页数据，然后，在网页进入操作状态后，开始基于所述网页中发生的HTML事件，将所述HTML事件和/或所述HTML事件对应的处理信息生成为网页操作指令。该实现方式根据网页访问的不同阶段的特征，分别采用相应的处理方法，执行高效且便于生成完整的初始数据。

在第一方面的一种可能的实现方式中，根据所述网页中发生的HTML事件，当所述HTML事件对应的处理信息为向服务器发送请求时，将所述请求信息、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据。

参考该种可能的实现方式中，可选的，将所述网页操作指令(基于所述HTML事件或其对应的处理信息生成的网页操作指令)、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据，该种实现方式有利于在网页操作过程回放时，直接根据当前HTML事件获取到服务器返回数据。

以上可能的实现方式，解决了在网页操作过程回放过程中所述网页与服务器交互造成混乱的问题，且使所述回放过程不再依赖于网页操作过程记录时的服务器环境，即便在原先服务器环境已经不存在的情况下，也可正常执行回放。同时，准确的还原了网页操作过程记录时与服务器交互的数据及情形。另外，使用所述服务器请求记录数据模拟输出，模拟提供服务器返回数据，提高了回放的效率。

在第一方面的一种可能的实现方式中，获取所述网页的运行环境信息，生成网页运行环境数据；其中，所述网页运行环境信息包括Web服务器信息、客户端操作系统信息、网络信息、浏览器信息、浏览器为网页提供的运行环境信息、网页信息、地理位置信息中的一种或者多种。

以上可能的实现方式，记录所述网页的运行环境信息，用于在网页操作记录过程中对本申请提供的记录程序进行设置，还用于在网页回放过程中对回放的网页运行环境进行分析、判断和设置，同时，还用于为执行回放者提供信息支持。

在第一方面的一种可能的实现方式中，通过浏览器采集当前外界环境的音频和/或视频数据，生成网页操作过程外界环境数据。

以上可能的实现方式，通过记录网页操作过程中的外界环境数据，增加了新的记录维度，拓广了所生成的记录数据的用途，同时提供了一种新的安全认证方式。

在第一方面的一种可能的实现方式中，将所述网页操作指令序列数据、所述网页基础访问数据、所述服务器请求记录数据、所述运行环境数据、所述网页操作过程外界环境数据中的一种或多种进行结构化存储，生成网页操作过程记录数据。

该种可能的实现方式，所存储生成的网页操作过程记录数据具有体积小、易保存的特点，同时由于采用了结构化存储，可满足多方面的数据提取需求，快速提取某方面数据。

在第一方面的一种可能的实现方式中，根据所述网页操作过程记录数据，应用消息摘要算法为其生成消息摘要；所述消息摘要用于验证本次网页操作过程数据的完整性，同时用于标识本次网页操作过程。

该种可能的实现方式，所生成消息摘要简短易存放，便于验证网页操作过程记录数据及其包含数据的真实性、完整性，具有防篡改的优势。

本申请第二方面提供一种网页操作过程回放方法，应用于网页操作过程回放装置，所述方法包括：

读取网页操作过程记录数据；

解析所述网页操作过程记录数据，获得其包含的网页基础访问数据、网页操作指令序列数据、服务器请求记录数据、网页运行环境数据、网页操作过程外界环境数据中的一种或者多种；

确定所解析获得的数据包含网页运行环境数据时，根据所述网页运行环境数据中包含的数据判断当前回放的网页运行环境是否满足回放要求，根据所述网页运行环境数据中包含的数据设置网页运行环境；

确定所解析获得的数据包含网页操作过程外界环境数据时，根据所述网页操作过程外界环境数据，在浏览器中播放其包含的音频和/或视频内容；

确定所解析获得的数据包含网页基础访问数据时，根据所述网页基础访问数据显示网页；

读取所述网页操作指令序列数据中的数据记录，根据所述数据记录的时间信息编排生成所述数据记录的调用时间，基于所述数据记录的调用时间执行所述数据记录中包含的网页操作指令。

上述第二方面提供的技术方案中，在上述第一方面提供的技术方案所生成网页操作过程记录数据的基础上执行回放，根据所解析获得的数据，基于其包含的数据内容，执行网页运行环境判断与设置、外界环境数据所包含的音视频播放、根据网页基础访问数据初始化网页内容、参考网页操作过程记录时的时间信息执行对应的网页操作指令等操作，实现网页操作过程的完整还原，与现有技术采用视频记录的方式不同，本申请提供的技术方案，回放画面画质完全无损。而且，基于所述网页操作过程记录数据采用结构化存储的优势，可在回放过程中针对回放要求灵活控制，如：去除针对所述网页运行环境数据的播放操作。

在第二方面的一种可能的实现方式中，当确定所述网页操作指令包含向服务器发送请求时，按照以下步骤执行：

捕获当前向服务器发送的请求；

基于当前网页操作指令或者当前请求信息，获取对应的服务器请求记录数据；

从所述服务器请求记录数据中，获取其中包含的服务器返回数据；

将所述服务器返回数据作为本次向服务器发送请求而返回的数据，并返回至所述网页。

该种可能的实现方式中，根据所述服务器请求记录数据的生成方式，从所述服务器请求记录数据中，获取其中包含的服务器返回数据。如所述服务器请求记录数据为根据所述请求信息、所述服务器返回信息按照对应关系记录时，根据所捕获的服务器请求信息，在所述对应关系中查找获得所述服务器返回数据；如所述服务器请求记录数据为根据所述网页操作指令、所述服务器返回信息按照对应关系时，根据当前执行的网页操作指令，在所述对应关系中查找获得所述服务器返回数据。

该种可能的实现方式中，回放过程中向服务器发送请求被捕获，通过从所述服务器请求记录数据中查找并提供返回数据作为本次向服务器发送请求后返回的数据，该实现方式使所述网页操作过程回放不再依赖网页操作过程记录时的服务器环境，通过使用所述服务器请求记录数据模拟提供服务器返回数据的方式，提高了回放效率且可避免与服务器的交互混乱问题。

本申请第三方面提供一种网页操作过程记录装置，用于执行上述第一方面或第一方面的任意可能的实现方式中的方法。具体地，所述网页操作过程记录装置包括：

运行环境信息获取模块，用于获取所述网页的运行环境信息；

网页操作过程外界环境数据获取模块，用于在网页操作过程中，通过浏览器采集当前外界环境的音频和/或视频数据；

网页数据获取模块，用于获取网页首次加载过程中从服务器发送至客户端的数据，或者，读取网页加载完成后本地浏览器中的数据，将所述数据保存为网页基础访问数据；

网页操作监听模块，用于监听网页中发生的HTML事件，在监听到所述HTML事件后调用网页操作指令生成模块；

网页操作指令生成模块，用于根据所述网页中发生的HTML事件，将所述HTML事件和/或所述HTML事件对应的处理信息生成为网页操作指令，并将所述网页操作指令、所述HTML事件发生的时间信息按照对应关系记录并增加至网页操作指令序列数据；

服务器请求处理模块，用于在所述HTML事件对应的处理信息包括向服务器发送请求时，将所述请求信息、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据，或者，将所述网页操作指令、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据；

数据存储模块，用于将所述网页操作指令序列数据、所述网页基础访问数据、所述服务器请求记录数据、所述运行环境数据、所述网页操作过程外界环境数据中的一种或者多种进行结构化存储，生成网页操作过程记录数据；还用于存储根据消息摘要生成模块生成的消息摘要信息；

消息摘要生成模块，用于根据数据存储模块所存储的网页操作过程记录数据，应用消息摘要算法生成消息摘要。

本申请第四方面提供一种网页操作过程回放装置，用于执行上述第二方面或第二方面的任意可能的实现方式中的方法。具体地，所述网页操作过程回放装置包括：

数据读取模块，用于读取网页操作过程记录数据；

数据解析模块，用于解析网页操作过程记录数据以及其包含的数据，其中，所述网页操作过程数据包含网页操作指令序列数据、网页基础访问数据、服务器请求记录数据、运行环境数据、网页操作过程外界环境数据中的一种或者多种；

运行环境信息设置模块，用于基于所述运行环境数据判断当前的运行环境是否满足回放要求，并基于所述运行环境数据设置网页运行环境；

网页数据写入模块，用于基于所述网页基础访问数据，在浏览器中写入网页数据还原显示网页；

网页操作指令执行模块，用于读取所述网页操作指令序列数据中的数据记录，根据所述数据记录的时间信息编排生成所述数据记录的调用时间，基于所述数据记录的调用时间执行所述数据记录中包含的网页操作指令；

服务器请求操作执行模块，用于在确定所述网页操作指令包含向服务器发送请求时，捕获当前向服务器发送的请求，并调用服务器请求代理服务模块处理所述请求；

服务器请求代理服务模块，用于基于当前网页操作指令或者当前请求信息，获取对应的服务器请求记录数据，从所述服务器请求记录数据中，获取其中包含的服务器返回数据，将所述服务器返回数据作为本次向服务器发送请求后的返回数据，并返回至所述网页；

外界环境音视频数据播放模块，用于播放所述网页操作过程外界环境数据中包含的音频和/或视频数据。

第五方面，本申请提供一种计算机可读存储介质，其上存储有计算机程序，当其在计算机上运行时，使得计算机执行如第一方面任一项网页操作记录方法和/或第二方面任一项网页操作回放方法。

第六方面，本申请提供一种计算机程序，当计算机程序被计算机执行时，用于执行如第一方面任一项网页操作过程记录方法和/或第二方面任一项网页操作过程回放方法。

可见，在以上各个方面，通过在网页操作过程中记录生成网页操作过程记录数据，完整记录了网页数据、网页操作的过程，且数据独立；基于该数据执行回放，回放过程避免与服务器进行与记录时相同的交互，且所还原的网页操作过程画质完全无损。

附图说明

图1为本申请实施例提供的一种生成网页操作指令序列数据的流程示意图；

图2为本申请实施例提供的一种网页操作过程记录的活动图；

图3为本申请实施例提供的两种生成网页基础访问数据的流程示意图；

图4为本申请实施例提供的一种生成网页操作指令的流程示意图；

图5为本申请实施例提供的一种生成网页运行环境数据的流程示意图；

图6为本申请实施例提供的一种现有的网页运行环境结构示意图；

图7为本申请实施例提供的一种生成网页操作过程外界环境数据的流程示意图；

图8为本申请实施例提供的一种网页操作过程记录数据的生成关系示意图；

图9为本申请实施例提供的一种为网页操作过程记录数据生成消息摘要的流程示意图；

图10为本申请实施例提供的一种网页操作过程记录的活动图；

图11为本申请实施例提供的一种网页操作过程回放的活动图；

图12为本申请实施例提供的一种回放中的网页操作指令执行流程示意图；

图13为本申请实施例提供的一种网页操作过程记录装置结构示意图；

图14为本申请实施例提供的一种网页操作过程回放装置结构示意图。

具体实施方式

本申请的实施方式部分仅用于对本申请进行解释，而非旨在限制本申请。

下面结合附图，对本申请的实施例进行描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。本领域普通技术人员可知，随着技术的发展和新场景的出现，本申请实施例提供的技术方案对于类似的技术问题，同样适用。

以下，对本申请中的部分用语进行解释说明，以便本领域技术人员理解：

1)HTML事件，即HTML DOM Event，包括HTML元素的事件以及全局事件。

2)网页操作指令，所述网页操作指令在网页操作过程记录时生成，在网页操作过程回放时被调用，是一种可在网页中执行的计算机程序(如函数、方法、指令、程序代码等)。其基于HTML事件生成，执行效果与所述HTML事件等同。

3)网页操作指令序列数据，所述网页操作指令序列数据为一个集合，所述集合的每一个元素均包含网页操作指令信息、与所述网页操作指令对应的HTML事件所发生时间的相关信息。

4)网页基础访问数据，所述网页基础访问数据，为首次网页加载过程中从服务器请求获得的数据，也即网页首次加载完成后在浏览器中本地包含的所有数据。可通俗理解为，首次打开网页并在网页加载完成后获得的初始网页状态下所包括的数据，类似在现有浏览器打开网页，加载完成后使用浏览器“另存为”功能所生成的数据。其中，所述数据为与网页相关的所有数据，包括但不限于网页HTML代码、网页脚本程序、js文件、css样式文件、图片、字体文件等。

5)服务器请求记录数据，用于记录网页操作过程中与服务器交互时所发送和接收的数据，其数据内容可包括但不限于向服务器发送的请求信息、服务器返回信息、网页操作指令、HTML事件、HTML事件对应的处理信息、请求时间、返回时间中的一种或者多种。

6)网页运行环境数据，根据搜集网页运行环境信息生成，所述网页运行环境信息包括Web服务器信息、客户端操作系统信息、网络信息、浏览器信息、浏览器为网页提供的运行环境信息、网页信息、地理位置信息中的一种或者多种。

7)网页操作过程外界环境数据，指在网页操作过程记录的同时，可通过浏览器采集获取的当前外界环境的音频和/或视频数据，根据所采集的该类数据生成网页操作过程外界环境数据。

8)网页操作过程记录数据，用于记录网页操作过程，指由网页操作指令序列数据、网页基础访问数据、服务器请求记录数据、运行环境数据、网页操作过程外界环境数据中的一种或多种进行结构化存储而生成的数据。

9)和/或，描述关联对象的关联关系，表示可以存在三种关系。例如，A和/或B，可以表示：单独存在A、单独存在B、同时存在A和B这三种情况，字符“/”一般表示前后关联对象是一种“或”的关系。

本申请提供了一种网页操作过程记录方法，所述网页操作过程记录方法应用于记录用户对网页的浏览、操作过程，最终生成能够用于回放本操作过程的记录数据。

在网页的浏览、操作过程中，每一次网页操作或者网页发生变化，均有相对应的HTML事件产生，因此，本申请提供的方法基于网页中发生的HTML事件进行网页操作过程数据的采集，基于所发生的HTML事件采集生成网页操作指令，然后将所获得的网页操作指令生成为网页操作指令序列数据。

图1示出了一种可能的生成网页操作指令序列数据的流程示意图，包括以下步骤：

S101，监听HTML事件；

S102，将HTML事件和/或HTML事件对应的处理信息生成为网页操作指令；

S103，将所述网页操作指令、所述HTML事件发生的时间信息按照对应关系记录并增加至网页操作指令序列数据；

下面针对以上步骤详细介绍：

S101中，获取所述HTML事件可通过为HTML DOM建立监听的方式实现，如使用JavaScriptHTML DOM事件监听器，通过addEventListener()方法建立监听。在一种优选的实现方式中，直接在document上建立监听，因为，当网页被加载时，浏览器会创建页面的文档对象模型(DOM，DocumentObjectModel)，document为DOM的根节点，网页中所有元素均为document的子节点，所以，根据网页事件的冒泡机制，采用该种方式可实现对网页中所有元素的监听。

S102中，将HTML事件和/或HTML事件对应的处理信息生成为网页操作指令，所生成的网页操作指令的执行效果，与所述HTML事件或其对应的处理信息所具有的执行效果等同。因此，本申请所提供的技术方案，主要使用网页操作指令对所记录的网页操作或网页发生的变化进行还原，实现这一点的原理在于：在网页中进行的任何操作(即任何HTML事件)，均可应用类似JavaScript的程序来完成。优选的，所述网页操作指令采用JavaScript语句、函数、程序等形式，如：HTML事件为按钮“btn”发生了点击事件，则所述操作指令为：document.getElementById(＂btn＂).click()，即首先获取到“btn”按钮，然后执行其click()函数。在本实施例中，提供了两种将HTML事件对应生成网页操作指令的方式，一种基于HTML事件对应生成，如以上的按钮点击事件生成为对该按钮执行的click()指令；另一种基于HTML事件对应的处理信息生成，如：所述HTML事件为按钮“btn”上发生的点击事件，其被点击后执行函数helloWord()，则所述HTML事件对应的处理信息为：执行函数helloWord()，由此所对应生成的网页操作指令即为：helloWord()。

一种具体的实施方式中，S102将所述HTML事件和/或所述HTML事件对应的处理信息生成为网页操作指令时，还包括记录与所述HTML事件或其对应的处理信息相关的数据信息，并将所述数据信息独立存放或与所述网页操作指令合并存放，所述数据信息用于所述网页操作指令执行时使用。如在input元素内输入的数据内容，当对应的网页操作指令执行时，需将该数据内容写入input，在网页回放时还原对input元素进行输入的效果。

一种可能的实施方式中，以上S102步骤中，当判断所述HTML事件和/或所述HTML事件对应的处理信息包括向服务器发送请求或与服务器产生交互时，基于向服务器请求或与服务器交互的结果，生成不包含向服务器发送请求、不与服务器产生交互的网页操作指令。例如，某HTML事件执行向服务器发送请求，所述服务器返回订购数量100并写入网页元素input1，则产生的网页操作指令内容为：将数字100写入网页元素input1。

S103中，所述网页操作指令序列数据为一个集合，其所存放的每一个元素均包含网页操作指令信息、与所述网页操作指令对应的HTML事件所发生时间的相关信息，其中，所述时间信息包括但不限于HTML事件的发生时刻、所述HTML发生时刻距离网页操作开始记录起始时刻的时长、与上一HTML发生时刻的间隔时长等。

通过以上实施例，基于所述网页中发生的HTML事件记录网页的操作过程，并生成包含时间信息的网页操作指令序列数据，即记录了“在网页中，什么时间做了什么”的数据，为网页整体操作过程的回放，单步网页操作的还原提供了完整数据。

在一种可能的实施场景中，考虑到网页访问过程中每一阶段的特点，针对不同的阶段采用不同的记录方式，即基于网页的加载采用网页数据记录的方式，基于针对网页的操作采用网页操作指令记录的方式。请参考图2中的示例实现步骤：

S201，打开网页；

S202，网页加载；

S203，获取网页基础访问数据；

S204，监听HTML事件；

S205，将HTML事件和/或HTML事件对应的处理信息生成为网页操作指令；

S206，将所述网页操作指令、所述HTML事件发生的时间信息按照对应关系记录并增加至网页操作指令序列数据。

以上步骤S203，获取网页基础访问数据有两种方式：

方式一，根据所述网页的首次加载，获取所述加载过程中从服务器发送至客户端的数据，详细请参考图3所示的步骤：S301，网页加载完成；S302，获取网页首次加载过程中从服务器发送至客户端的数据；S303，将所述数据保存为网页基础访问数据；

方式二，读取所述网页加载完成后在本地浏览器中的数据，详细请参考图3所示的步骤：S304，网页加载完成；S305，读取网页加载完成后本地浏览器中的数据；S306，将所述数据保存为网页基础访问数据。

在方式一中，首次网页加载过程中从服务器请求获得的数据，包括但不限于以下方式：由Web服务器端记录发送至客户端浏览器的所有数据，在网页加载完成后，将所记录的数据生成为网页基础访问数据(可选择将该数据发送至客户端)；网页加载开始后，将为实现本申请而提供的网页操作过程记录程序首先载入，然后调用所述网页操作过程记录程序中的数据记录方法，在网页加载过程中，记录从服务器请求获得的数据并生成网页基础访问数据。

在该实现场景中，在网页首次加载完成的时刻由步骤S203记录获得完整的网页数据，然后，在网页进入操作状态后，执行步骤S204，开始监听HTML事件，基于所述网页中发生的HTML事件，将所述HTML事件和/或所述HTML事件对应的处理信息生成为网页操作指令。

以上步骤S205、S206分别与上一实施例S102、S103执行内容相同，在此不再赘述。

以上实施场景，将网页访问过程划分为加载与操作两个阶段，该实施场景采用数据记录方式、指令记录方式分别针对两个阶段进行处理。在网页加载过程中，其主要的特征在于数据传输与网页内容初始化显示，该阶段采用数据记录方式非常适合，即本实施例提供的记录网页数据生成网页初始化访问数据的方式，同时有利于为实现本申请方法的相关程序加载，为后续的网页操作过程采集做好准备，另外，网页加载完成后所包含的数据内容通常进入相对稳定状态，便于完整记录网页初始化访问数据。在网页操作过程中，其主要特征在于用户浏览、网页操作、与服务器交互，所发生的行为主要体现为动作，因此，在该阶段采用网页操作指令记录的方式(即步骤S204、S205、S206)更为适合，基于网页中发生的HTML事件记录生成网页操作指令，达到记录网页操作过程的目的。

通过以上实施例，采用记录“初始状态+每一步交互”的方式，根据网页访问的不同阶段的特征分别采用适合的处理方法，处理逻辑分明，所生成的数据结构清晰、稳定性高。

在具体的实施场景中，当所述网页中发生的HTML事件对应的处理内容与服务器产生交互时，根据其对应生成的网页操作指令，如在回放过程执行，因其会再次向服务器发送请求(与网页操作记录过程的服务器请求相同)，所以会造成与服务器的交互混乱问题。例如：在网页操作过程记录时，服务器当前存放的订购总数量为10，所述HTML事件的执行内容中，包括向服务器发送“订购数量增加1”的请求信息，服务器根据所接收的信息处理并返回“当前订购总数量为11”，按照以上信息执行网页操作回放过程：服务器当前存放的订购总数量为11，在执行所述网页操作指令时，向服务器发送“订购数量增加1”的请求信息，则会造成错误的返回结果“当前订购总数量为12”，与记录时的结果不相同，且破坏了服务器保存的数据。本申请提供另一种实施方式，以解决上述问题，请参考图4，详细步骤如下：

S401，监听到HTML事件；

S402，判断所述HTML事件对应的处理信息是否包括向服务器发送请求；

S403，将所述请求信息、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据，或者，将所述网页操作指令、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据；

S404，将HTML事件和/或HTML事件对应的处理信息生成为网页操作指令。

根据以上步骤，在S401监听到HTML事件后，经步骤S402判断所述HTML事件是否与服务器产生了交互，在判断结果为是的情况下，执行步骤S403生成服务器请求记录数据，再执行步骤S404生成网页操作指令；在判断结果为否的情况下，直接执行步骤S404生成网页操作指令。需要注意的是，在判断结果为是的情况下，步骤S403、步骤S404的执行顺序无特别限制。

根据以上步骤，在所述网页中发生的HTML事件对应的处理内容存在与服务器产生交互时，记录向服务器发送的请求内容以及服务器的返回内容，并生成所述服务器请求记录数据，其主要目的在于，所述服务器请求记录数据应用于网页回放过程，可避免在回放过程中重新向服务器发起请求而造成与服务器交互的混乱问题。

在以上实施方式中，所记录的服务器请求记录数据应用于回放过程，当判断回放过程中向服务器发送请求时，不需要请求原先的服务器，直接从所述服务器请求记录数据中查找并返回结果，从而避免与原先的服务器再次进行交互，不会造成以上与服务器交互的混乱问题。因此，本实施例提供的方法在保存所述网页与服务器交互记录的基础上，使回放过程不再依赖于原先的服务器，增强了回放过程的独立性。

一个可能的实施方式中，对网页的运行环境信息进行记录，具体参考图5，步骤如下：

S501，打开网页；

S502，获取所述网页的运行环境信息；

S503，生成网页运行环境数据。

以上实施方式中，所述网页运行环境为网页运行所需的硬件、软件支持环境，参考图6给出的一种现有的网页运行环境结构示意图，一般网页运行，需服务器提供Web服务，通过网络传输数据，客户终端接收数据，由浏览器运行网页，因此，所述网页运行环境信息包括但不限于Web服务器信息、客户端操作系统信息、网络信息、浏览器信息、浏览器为网页提供的运行环境信息、网页本身的信息、地理位置信息等。

根据以上实施方式，记录所述网页的运行环境信息，便于在网页操作记录过程中根据所述运行环境信息设置记录程序(为实现本申请中的方法所提供的计算机程序)的参数及运行方式，如移动浏览器与PC浏览器存在差异，其相关的HTML事件、功能也存在差异，设置所述记录程序的参数及运行方式，有利于所述记录程序针对所述运行环境信息进行特定的处理，如采用与运行环境相兼容的网页操作指令。另外，记录所述网页的运行环境信息，还用于在网页回放过程中，针对当前网页回放所使用的网页运行环境进行判断和设置，判断当前运行环境是否具备网页回放的必要条件，进行设置以取得最优的回放效果。同时，所记录的网页运行环境信息还用于为执行回放者提供信息支持，如：提供执行记录时的服务器信息、网页版本号、录制者的地理位置信息等。

在另一个可能的实施方式中，在网页操作过程中，对当前的外界环境数据进行采集，具体参考图7，步骤如下：

S701，打开网页；

S702，通过浏览器采集当前外界环境的音频和/或视频数据；

S703，生成网页操作过程外界环境数据。

在网页操作过程记录的开始，S702使用浏览器采集当前外界环境的音频和/或视频数据，由S703生成网页操作过程外界环境数据，所生成的网页操作过程外界环境数据与网页操作过程同步。

以上实施方式提供的方法，可用于解决以下问题：

网页操作过程与外界环境数据相互认证，以认证操作者执行网页操作过程的真实性与所处环境的真实性，即用户在某外界环境中执行某网页操作，或者，用户在执行某网页操作的情况下处于某环境；

可利用外界环境数据与网页操作过程产生交互，如用户在执行某机密操作时，根据要求朗读一段文字，以确认为本人操作，通过该方式，所记录的网页操作过程与外界环境数据中的语音确认处于同一时刻，可实现“某时刻某人做了某事”的信息验证问题，如确认某网络投保过程为本人操作；

通过所述网页操作过程外界环境数据解说网页浏览和操作过程，增强网页回放的功能，如：在网页操作过程记录中对网页内容进行操作并讲解，在回放过程中实现针对网页内容的操作播放讲解，如，录制一个示例的互联网投保过程，供客户学习。

以上可能的实现方式，通过记录网页操作过程中的外界环境数据，提升了网页操作记录效果，增加了新用途，同时提供了一种新的安全认证方式。

在另一个可能的实施方式中，将网页操作过程中所记录的各种数据进行结构化存储，生成网页操作过程记录数据，请参考图8所示的一种数据的生成关系示意图，将所述网页操作指令序列数据、所述网页基础访问数据、所述服务器请求记录数据、所述运行环境数据、所述网页操作过程外界环境数据中的一种或多种进行结构化存储，生成网页操作过程记录数据。

该种可能的实现方式中，基于网页操作过程记录与回放的要求，根据所述网页操作过程中生成的数据进行选择并结构化存储，所存储生成的数据即网页操作过程记录数据，用于网页操作过程的回放，单步网页操作的还原。

基于以上实施方式，可选的，将所述网页操作过程记录数据进行整体存储，生成用于回放的独立文件。

基于以上实施方式，可选的，将所述网页操作过程中生成的数据或网页操作过程记录数据进行加密存储。

在具体的实施场景中，所述网页操作过程记录数据可根据存储要求，包括以下存储情形：

在服务端存储所述网页操作过程记录数据；

在客户端存储所述网页操作过程记录数据；

在服务端与客户端同时存储所述网页操作过程记录数据；

将所述操作过程记录数据部分在客户端存储，部分在服务端存储，由两端所存储的数据在逻辑上形成结构化的整体数据。

本申请实施例所存储生成的网页操作过程记录数据，与普通的屏幕录制所生成的视频文件相比较，具有体积小、易保存的特点，一般屏幕录制1分钟可产生数十兆视频数据，而本申请提供的方法所生成的数据可控制在100K以内，且在执行回放过程中，所生成的播放画面完全无损。另外，由于采用了结构化存储，可满足多种相关的数据提取需求，快速提取某方面数据，如提取用户点击某按钮时的操作片段数据。

在另一个可能的实施方式中，根据所生成的网页操作过程记录数据生成消息摘要，具体参考图9，步骤如下：

S901，读取所述网页操作过程记录数据；

S902，应用消息摘要算法为网页操作过程记录数据生成消息摘要。

在该实施方式中，S902中的消息摘要算法，例如MD5信息摘要算法(MD5Message－DigestAlgorithm)，其可以产生出一个128位(16字节)的散列值，针对不同的网页操作过程记录数据，所产生的散列值(即所生成的消息摘要)具有唯一性，因此可作为所述网页操作过程的唯一标识。在所述网页操作记录数据生成的基础上，应用该实现方式生成消息摘要并存放(如采用区块链进行存储)，在后续的数据保存、执行回放时，通过对当前正在执行回放的网页操作记录数据生成消息摘要，与之前记录时所保存的消息摘要进行比较，完全相同即表示数据完整且未被篡改，通过所述消息摘要可验证资料的完整性。

结合以上实施方式，在具体的实施场景中，对所述网页操作过程记录数据包含的子项数据使用消息摘要算法生成消息摘要，用于验证子项数据的完整性和为子项数据建立单独标识；或对服务器端存放的数据与客户端存放的数据分别使用消息摘要算法生成消息摘要，用于验证一端存放数据的完整性和为一端的数据建立标识。可选的，还包括在为多个以上数据生成消息摘要的基础上，将多个消息摘要应用消息摘要算法为所述消息摘要生成新的消息摘要，将所述新的消息摘要作为所述网页操作过程记录数据的消息摘要。

本实施例提供的实现方式，使用消息摘要算法为网页操作过程记录数据生成消息摘要，简短且易保存，便于验证网页操作过程记录数据及其包含的子数据的真实性、完整性，具有防篡改的优势。

进一步的，根据以上实施例生成网页操作过程记录数据，以及所生成的消息摘要，应用区块链技术进行存储，生成永久的，不可篡改的网页操作过程记录数据。

以下，将以上几个实施例相互结合，对本发明在网页操作过程记录中的一种实施方式进行描述，参考图10所示，主要步骤如下：

S1001，打开网页；

S1002，获取所述网页的运行环境信息；

S1003，采集当前外界环境的音频和/或视频数据；

S1004，采集网页基础访问数据；

S1005，监听HTML事件；

S1006，判断所述HTML事件对应的处理信息是否包括向服务器发送请求；

S1007，将所述请求信息、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据；

S1008，将HTML事件和/或HTML事件对应的处理信息生成为网页操作指令；

S1009，将所述网页操作指令、所述HTML事件发生的时间信息按照对应关系记录并增加至网页操作指令序列数据；

S1010，生成网页操作过程记录数据；

所涉及的数据包括：网页操作指令序列数据801、网页基础访问数据802、服务器请求记录数据803、运行环境数据804、网页操作过程外界环境数据805、网页操作过程记录数据806。

在具体的实现场景中，本实施例的S1002、S1003、S1004为可选的实施步骤，可根据网页操作过程记录的要求选择采用。本实施例的相关数据内容(801～806)所采取的存储方式、存储位置、存储性质无特别限定，包括但不限于使用程序变量、数据库、文件、缓存、本地存储等存储方式进行存储，根据实际要求在服务器端、客户端存储，另外，可选择临时存储或者永久性存储，优选地，网页操作过程记录数据806为最终生成的网页操作过程记录数据，采用文件、数据库等方式永久性保存。优选地，网页中用于实现本申请所提供的方法采用JS库进行封装，所述JS库在S1001打开网页后首先载入。

在可选步骤S1002中，获取当前网页的运行环境信息，并基于该信息生成运行环境数据804，所述运行环境信息还用于设置本次记录程序的参数及运行方式，所生成的数据还用于设置执行回放时的网页运行环境。

在可选步骤S1003中，在网页操作过程记录的开始时间，启动音频和/或视频数据采集程序，并将所采集的数据生成为网页操作过程外界环境数据805，优选地，在网页关闭或网页操作过程记录的结束时间点停止所述音频和/或视频数据的采集，生成全过程的网页操作过程外界环境数据805。

可选步骤S1004，在网页首次加载或完全加载完成后执行，通过以下方式之一采集网页基础访问数据：获取所述加载过程中从服务器发送至客户端的数据，或者，读取所述网页加载完成后在本地浏览器中存放的数据。

网页首次加载完成后，执行步骤S1005，在所述网页启动HTML事件监听程序，优选地，直接在当前网页DOM对象的document上建立监听(即在window.document上建立监听)，根据事件冒泡的执行原理，发生在网页中任何HTML元素上的事件，首先会触发本身，接着它的父级也会被触发，然后逐层向上触发直至document，由此，该方式可监听到发生在网页中的任何操作。

基于所监听到的HTML事件，执行步骤S1006判断，该步骤主要判断当前执行内容是否与服务器产生交互(为实现本申请方法而产生的服务器交互除外)，例如，判断所监听到的HTML事件对应的执行内容是否存在form表单提交、是否监听到页面get方式请求等。另外，在具体的实施场景中，还包括根据是否存在WebSocket连接、是否存在TCP数据传输来判断是否与服务器产生了交互。

当判断不存在与服务器交互时，执行步骤S1008将所述HTML事件和/或所述HTML事件对应的处理信息生成为网页操作指令；当判断存在与服务器之间的交互时，则首先执行步骤S1007，并生成服务器请求记录数据803，然后执行步骤S1008的生成网页操作指令操作。

以上步骤S1007中，主要基于本次向服务器请求的返回结果生成服务器请求记录数据，另外还包括为实现在服务器请求记录数据查找而作为查询条件的数据，包括但不限于向服务器发送的请求信息、请求网址、请求方法、请求时间、协议类型、所发送的数据、网页操作指令、HTML事件、HTML事件对应的处理内容等中的一种或者多种。需要注意的是，在S1006判断与服务器存在交互，且在步骤S1008生成网页操作指令不依赖于步骤S1007生成服务器请求记录数据的情况下，步骤S1007、步骤S1008的执行顺序无特别限定。在一种可选的实施方式中，经步骤步骤S1006判断存在与服务器产生交互时，将步骤S1007、步骤S1008进行合并处理，即生成包含服务器返回结果和/或对所述返回结果进行处理的网页操作指令。

根据以上步骤S1008生成的网页操作指令，执行步骤S1009，将所述网页操作指令结合其对应的时间信息生成一条数据记录，并将该数据记录增加至网页操作指令序列数据。此处的网页操作指令序列数据实质为一个集合。

以上步骤S1005至步骤S1009对应于网页加载完成后的浏览、操作过程，在监听到网页发生HTML事件或网页发生变化时执行，在网页关闭或停止网页操作过程记录时结束。

根据以上记录生成的网页基础访问数据802、网页操作指令序列数据801、服务器请求记录数据803、运行环境数据804、网页操作过程外界环境数据805，执行步骤S1010，生成网页操作过程记录数据806。优选地，将步骤S1010生成网页操作过程记录数据806永久性存储。

为了便于理解以上几个实施例提供的方法，图13示出了一种可能的网页操作过程记录装置结构，所述装置包括：网页操作监听模块1301、网页操作指令生成模块1302、服务器请求处理模块1303、网页数据获取模块1304、网页操作过程外界环境数据获取模块1305、运行环境信息获取模块1306、数据存储模块1307、消息摘要生成模块1308。本领域技术人员可以理解，图13中示出的网页操作过程记录装置的结构并不构成对网页操作过程记录的限定，本申请实施例提供的网页操作过程记录装置可以包括比图示更多或更少的模块，或者组合某些模块，或者不同的模块布置。

下面结合图13对所述网页操作过程记录装置的各个构成模块进行具体的介绍：

运行环境信息获取模块1306，用于获取所述网页的运行环境信息；

网页操作过程外界环境数据获取模块1305，用于在网页操作过程中，通过浏览器采集当前外界环境的音频和/或视频数据、其它外界环境数据；

网页数据获取模块1304，用于获取网页首次加载过程中从服务器发送至客户端的数据，或者，读取网页加载完成后在本地浏览器中的数据，将所述数据保存为网页基础访问数据；

网页操作监听模块1301，用于监听网页中发生的HTML事件，在监听到所述HTML事件后调用网页操作指令生成模块；

网页操作指令生成模块1302，用于根据所述网页中发生的HTML事件，将所述HTML事件和/或所述HTML事件对应的处理信息生成为网页操作指令，并将所述网页操作指令、所述HTML事件发生的时间信息按照对应关系记录并增加至网页操作指令序列数据；

服务器请求处理模块1303，用于在所述HTML事件对应的处理信息包括向服务器发送请求时，将所述请求信息、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据，或者，将所述网页操作指令、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据；

数据存储模块1307，用于将所述网页操作指令序列数据、所述网页基础访问数据、所述服务器请求记录数据、所述运行环境数据、所述网页操作过程外界环境数据中的一种或者多种进行结构化存储，生成网页操作过程记录数据；还用于存储根据消息摘要生成模块生成的消息摘要信息；

消息摘要生成模块1308，用于根据数据存储模块所存储的网页操作过程记录数据，应用消息摘要算法生成消息摘要。

本申请还提供了一种网页操作过程回放方法，所述网页操作过程回放方法基于网页操作过程记录数据，回放网页浏览、操作过程，还原单步网页操作。

图11示出了一种可能的网页操作过程回放的流程示意图，包括以下步骤：

S1101，读取网页操作过程记录数据；

S1102，解析所述网页操作过程记录数据，获得其包含的网页基础访问数据、网页操作指令序列数据、服务器请求记录数据、网页运行环境数据、网页操作过程外界环境数据中的一种或者多种；

S1103，根据所述网页运行环境数据中包含数据设置网页运行环境；

S1104，根据所述网页操作过程外界环境数据，在浏览器中播放其包含的音频和/或视频内容；

S1105，根据所述网页基础访问数据显示网页；

S1106，判断所述网页操作指令序列数据中未执行的指令是否为空；

S1107，根据执行时间要求读取一条需执行的网页操作指令；

S1108，根据执行时间要求，执行所述网页操作指令。

以上，步骤S1102根据所述网页操作过程记录数据在存储时采用的结构进行解析。当获得的数据，当确定包括网页运行环境数据时，执行步骤S1103，可选的，在基于该数据设置网页运行环境之前，首先对当前的网页运行环境进行判断，判断是否满足网页回放要求(一般地，网页的回放与记录的运行环境不要求完全一致)，在不能执行回放时给出提示信息，否则，根据所述网页运行环境数据中包含数据设置网页运行环境。当确定S1102所解析获得的数据包含网页操作过程外界环境数据时，执行步骤S1104，根据所述外界环境数据类型执行相应的播放程序。当确定S1102所解析获得的数据包含网页基础访问数据时，执行步骤S1105使用该数据显示网页，可选的，使用所述网页基础访问数据包含的数据内容对应替换当前网页中的数据内容。需要说明的是，以上步骤S1104、步骤S1105的执行顺序无特别限定。

以上步骤S1101至步骤S1105完成网页回放时的网页初始化部分，然后，执行步骤S1106判断所述网页操作指令序列数据中的网页操作指令记录是否为空，在判断为空的情况下结束回放，否则，执行步骤S1107按需执行的顺序读取的一条网页操作指令记录，解析获取其中的网页操作指令信息、时间信息，根据所述时间信息计算本记录要求的指令执行时间，在网页内部启动一个定时器，执行步骤S1108，按照规定的时间点执行所述网页操作指令。在S1108每次执行完毕后，跳转至步骤S1106循环执行，直到所有网页操作指令执行完成。在具体的实现场景中，步骤1108根据所述网页操作指令中包含的网页元素信息查找获得具体的网页元素，基于所述网页元素执行所述网页操作指令，当所述网页操作指令执行需用到相关数据时，基于所述网页操作指令获取其所需的数据信息执行所述网页操作指令。

在一个可能的实施方式中，以上实施例步骤S1107读取一条网页操作指令，然后根据所述网页操作指令是否含有与服务器的交互要求执行不同处理，请参考图12，详细步骤如下：

S1201，读取一条网页操作指令；

S1202，判断所述网页操作指令的执行向服务器发送请求时；

S1203，捕获当前向服务器发送的请求；

S1204，基于当前网页操作指令或者当前请求信息，获取对应的服务器请求记录数据；

S1205，从所述服务器请求记录数据中，获取其中包含的服务器返回数据；

S1206，将所述服务器返回数据作为本次向服务器发送请求的返回数据，并返回至所述网页；

S1207，根据执行时间要求，执行所述网页操作指令。

以上步骤中，在判断当前网页操作指令需要与服务器进行交互时，首先捕获向原先服务器发送的请求，然后从所述服务器请求记录数据中获取相应的返回内容。该实施例提供的方法，使网页操作过程回放不依赖于原先提供Web服务的服务器，可独立执行回放。

在另一个可能的实施方式中，在网页操作过程记录时，根据与服务器进行交互的内容及其相关执行内容，基于所述执行内容及结果生成网页操作指令，由此，避免在回放过程中产生向服务器发送请求。例如：在网页记录过程中，服务器中当前存放“订购总数量10”，点击按钮btn1，向服务器发送“本次订购数量5”，服务器处理并返回“订购总数量15”，然后将所述结果写入label1，以上操作过程产生的网页操作指令内容为：btn1播放点击效果，在label1中写入数字15。

为了便于理解以上几个网页操作过程回放实施例提供的方法，图14示出了一种可能的网页操作过程回放装置结构，所述装置包括：数据读取模块1401、数据解析模块1402、运行环境信息设置模块1403、网页数据写入模块1404、网页操作指令执行模块1405、服务器请求操作执行模块1406、外界环境音视频数据播放模块1407、服务器请求代理服务模块1408。本领域技术人员可以理解，图14中示出的网页操作过程回放装置的结构并不构成对网页操作回放过程的限定，本申请实施例提供的网页操作过程回放装置可以包括比图示更多或更少的模块，或者组合某些模块，或者不同的模块布置。

下面结合图14对所述网页操作过程回放装置的各个构成模块进行具体的介绍：

数据读取模块1401，用于读取网页操作过程记录数据；

数据解析模块1402，用于解析网页操作过程记录数据以及其包含的数据，所述网页操作过程数据包含网页操作指令序列数据、所述网页基础访问数据、所述服务器请求记录数据、所述运行环境数据、所述网页操作过程外界环境数据中的一种或者多种；

运行环境信息设置模块1403，用于基于所述运行环境数据判断当前的运行环境是否满足回放要求，并基于所述运行环境数据设置网页运行环境；

网页数据写入模块1404，用于基于所述网页基础访问数据，在浏览器中写入网页数据还原显示网页；

网页操作指令执行模块1405，用于读取所述网页操作指令序列数据中的数据记录，根据所述数据记录的时间信息编排生成所述数据记录的调用时间，基于所述数据记录的调用时间执行所述数据记录中包含的网页操作指令；

服务器请求操作执行模块1406，用于在确定所述网页操作指令包含向服务器发送请求时，捕获当前向服务器发送的请求，并调用服务器请求代理服务模块处理所述请求；

服务器请求代理服务模块1408，用于基于当前网页操作指令或者当前请求信息，获取对应的服务器请求记录数据，从所述服务器请求记录数据中，获取其中包含的服务器返回数据，将所述服务器返回数据作为本次向服务器发送请求的返回数据，并返回至所述网页；

外界环境音视频数据播放模块1407，用于播放所述网页操作过程外界环境数据中包含的音频和/或视频数据。

在本申请的一个可能的实施方式中，将以上实施例提供的网页操作过程记录装置、网页操作过程回放装置，结合浏览器进行实施，即将所述装置包含的模块部分或者全部集成在浏览器中或以浏览器插件的方式加载，可扩充浏览器本身的“另存为”功能，生成一个可记录网页操作浏览过程的“源文件”，所述“源文件”同时应用于回放。

本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质中存储有计算机程序，当其在计算机上运行时，使得计算机执行上述实施例所述的网页操作过程记录与回放方法。

此外，本申请实施例还提供一种计算机程序产品，该计算机程序产品包括计算机程序，当其在计算机上运行时，使得计算机执行上述实施例所述的网页操作过程记录与回放方法。

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

以上所述，仅为本申请实施例的具体实施方式，但本申请实施例的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请实施例揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请实施例的保护范围之内。因此，本申请实施例的保护范围应以所述权利要求的保护范围为准。

Claims (9)

1.一种网页操作过程记录方法，其特征在于，应用于网页操作过程记录装置，所述方法包括：

获取所述网页首次加载过程中从服务器发送至客户端的数据，或者，读取所述网页加载完成后本地浏览器中的数据，将所述数据记录为网页基础访问数据；

基于所述网页中发生的HTML事件，将所述HTML事件和/或所述HTML事件对应的处理信息生成为网页操作指令；将所述网页操作指令、所述HTML事件发生的时间信息按照对应关系记录并增加至网页操作指令序列数据；

根据所述网页中发生的HTML事件，当确认所述HTML事件对应的处理信息为向服务器发送请求时，将所述请求信息、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据，或者，将所述网页操作指令、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据；

其中，所述网页基础访问数据，用于作为网页操作过程回放的初始化数据；所述网页操作指令用于网页回放时调用，以还原其对应的HTML事件的执行效果；所述网页操作指令序列数据用于回放所述网页操作过程，基于其包含的数据记录，根据所述数据记录的时间信息编排生成所述数据记录的调用时间，基于所述调用时间执行所述数据记录中包含的网页操作指令。

2.根据权利要求1所述的方法，其特征在于，在访问网页时，还包括：

获取所述网页的运行环境信息，生成网页运行环境数据；

其中，所述网页运行环境信息包括Web服务器信息、客户端操作系统信息、网络信息、浏览器信息、浏览器为网页提供的运行环境信息、网页信息、地理位置信息中的一种或者多种。

3.根据权利要求2所述的方法，其特征在于，在网页操作过程中，还包括：

通过浏览器采集当前外界环境的音频和/或视频数据，生成网页操作过程外界环境数据。

4.根据权利要求3所述的方法，其特征在于，还包括：

将所述网页操作指令序列数据、所述网页基础访问数据、所述服务器请求记录数据、所述运行环境数据、所述网页操作过程外界环境数据中的一种或多种进行结构化存储，生成网页操作过程记录数据。

5.根据权利要求4所述的方法，其特征在于，还包括：

根据所述网页操作过程记录数据，应用消息摘要算法为其生成消息摘要；所述消息摘要用于验证本次网页操作过程数据的完整性，同时用于标识本次网页操作过程。

6.一种网页操作过程回放方法，其特征在于，应用于网页操作过程回放装置，所述方法包括：

读取网页操作过程记录数据；

解析所述网页操作过程记录数据，获得其包含的网页基础访问数据、网页操作指令序列数据、服务器请求记录数据、网页运行环境数据、网页操作过程外界环境数据中的一种或者多种；

确定所解析获得的数据包含网页运行环境数据时，根据所述网页运行环境数据中包含的数据判断当前回放的网页运行环境是否符合回放要求，根据所述网页运行环境数据中包含的数据设置网页运行环境；

确定所解析获得的数据包含网页操作过程外界环境数据时，根据所述网页操作过程外界环境数据，播放其包含的音频和/或视频内容；

确定所解析获得的数据包含网页基础访问数据时，根据所述网页基础访问数据显示网页；

读取所述网页操作指令序列数据中的数据记录，根据所述数据记录的时间信息编排生成所述数据记录的调用时间，基于所述数据记录的调用时间执行所述数据记录中包含的网页操作指令；

其中，所述网页操作过程记录数据由网页操作过程记录装置生成，生成过程包括：在所述网页首次加载时，获取加载过程中从服务器发送至客户端的数据，或者，读取所述网页加载完成后本地浏览器中的数据，将所述数据记录为网页基础访问数据；基于网页中发生的HTML事件，将所述HTML事件和/或所述HTML事件对应的处理信息生成为网页操作指令；将所述网页操作指令、所述HTML事件发生的时间信息按照对应关系记录并增加至网页操作指令序列数据；当所述HTML事件对应的处理信息为向服务器发送请求时，将所述请求信息、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据，或者，将所述网页操作指令、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据；获取所述网页的运行环境信息，生成所述网页运行环境数据；通过浏览器采集当前外界环境的音频和/或视频数据，生成所述网页操作过程外界环境数据；将所述网页操作指令序列数据、所述网页基础访问数据、所述服务器请求记录数据、所述运行环境数据、所述网页操作过程外界环境数据中的一种或多种进行结构化存储，生成网页操作过程记录数据。

7.根据权利要求6所述的方法，其特征在于，当确定所述网页操作指令包含向服务器发送请求时，还包括：

捕获当前向服务器发送的请求；

基于当前网页操作指令或者当前请求信息，获取对应的服务器请求记录数据；

从所述服务器请求记录数据中，获取其中包含的服务器返回数据；

将所述服务器返回数据作为本次向服务器发送请求的返回数据，并返回至所述网页。

8.一种网页操作过程记录与回放装置，其特征在于，所述网页操作过程记录装置包括：

运行环境信息获取模块，用于获取所述网页的运行环境信息；

网页操作过程外界环境数据获取模块，用于在网页操作过程中，通过浏览器采集当前外界环境的音频和/或视频数据；

网页数据获取模块，用于获取网页首次加载过程中从服务器发送至客户端的数据，或者，读取网页加载完成后本地浏览器中的数据，将所述数据保存为网页基础访问数据；

网页操作监听模块，用于监听网页中发生的HTML事件，在监听到所述HTML事件后调用网页操作指令生成模块；

网页操作指令生成模块，用于根据所述网页中发生的HTML事件，将所述HTML事件和/或所述HTML事件对应的处理信息生成为网页操作指令，并将所述网页操作指令、所述HTML事件发生的时间信息按照对应关系记录并增加至网页操作指令序列数据；

服务器请求处理模块，用于在所述HTML事件对应的处理信息包括向服务器发送请求时，将所述请求信息、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据，或者，将所述网页操作指令、所述服务器返回信息按照对应关系记录并生成服务器请求记录数据；

数据存储模块，用于将所述网页操作指令序列数据、所述网页基础访问数据、所述服务器请求记录数据、所述运行环境数据、所述网页操作过程外界环境数据中的一种或者多种进行结构化存储，生成网页操作过程记录数据；还用于存储根据消息摘要生成模块生成的消息摘要信息；

消息摘要生成模块，用于根据数据存储模块所存储的网页操作过程记录数据，应用消息摘要算法生成消息摘要；

所述网页操作过程回放装置包括：

数据读取模块，用于读取网页操作过程记录数据；

数据解析模块，用于解析网页操作过程记录数据以及其包含的数据，所述网页操作过程数据包含网页操作指令序列数据、所述网页基础访问数据、所述服务器请求记录数据、所述运行环境数据、所述网页操作过程外界环境数据中的一种或者多种；

运行环境信息设置模块，用于基于所述运行环境数据判断当前的运行环境是否符合回放要求，并基于所述运行环境数据设置网页运行环境；

网页数据写入模块，用于基于所述网页基础访问数据，在浏览器中写入网页数据还原显示网页；

网页操作指令执行模块，用于读取所述网页操作指令序列数据中的数据记录，根据所述数据记录的时间信息编排生成所述数据记录的调用时间，基于所述数据记录的调用时间执行所述数据记录中包含的网页操作指令；

服务器请求操作执行模块，用于在确定所述网页操作指令包含向服务器发送请求时，捕获当前向服务器发送的请求，并调用服务器请求代理服务模块处理所述请求；

服务器请求代理服务模块，用于基于当前网页操作指令或者当前请求信息，获取对应的服务器请求记录数据，从所述服务器请求记录数据中，获取其中包含的服务器返回数据，将所述服务器返回数据作为本次向服务器请求的返回数据，并返回至所述网页；

外界环境音视频数据播放模块，用于播放所述网页操作过程外界环境数据中包含的音频和/或视频数据。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1至5中任一项所述的方法的步骤，或者，该程序被处理器执行时实现权利要求6至7中任一项所述的方法的步骤。