CN115062247A - 网页的本地操作、处理方法、电子设备和存储介质 - Google Patents

Abstract

本申请实施例提供了一种网页的本地操作、处理方法、电子设备和存储介质。所述方法包括：在本地保存网页对应的演示依赖数据；在网页启动时，拦截所述网页的请求并读取所述演示依赖数据中第一页面数据；依据所述第一页面数据显示所述网页的第一页面；响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据；依据所述接口数据确定对应的第二页面数据，依据所述第二页面数据显示第二页面。基于本地数据相应页面操作，实现进行演示操作，实现脱离服务器操作网页。

Description

网页的本地操作、处理方法、电子设备和存储介质

技术领域

本申请涉及计算机技术领域，特别是涉及一种网页的本地操作方法、一种网页数据采集方法、一种基于网页数据的处理方法、一种电子设备和一种存储介质。

背景技术

有些网站提供的服务是具有时效性的，这类网站的相关网页在达到时限后会停止服务。比如电影、话剧、展览等票务具有时限，在达到售卖时限后会停止销售。

然而，有时网站可能希望这类网页仍然可以提供服务，比如进行演示以便进行操作指导、培训等。比如在票务网站中作为用户购票的指引等。只针对这种需求一般都是采用静态页面，无法进行操作，因此无法实现网页继续操作以进行培训等服务的需求。

发明内容

本申请实施例提供了一种网页的本地操作方法，以实现脱离服务器操作网页。

相应的，本申请实施例还提供了一种网页数据采集方法、一种基于网页数据的处理方法、一种电子设备和一种存储介质，用以保证上述系统的实现及应用。

为了解决上述问题，本申请实施例公开了一种网页的本地操作方法，所述方法包括：

在本地保存网页对应的演示依赖数据；

在网页启动时，拦截所述网页的请求并读取所述演示依赖数据中第一页面数据；

依据所述第一页面数据显示所述网页的第一页面；

响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据；

依据所述接口数据确定对应的第二页面数据，依据所述第二页面数据显示第二页面。

可选的，所述拦截所述网页的请求并读取所述演示依赖数据中第一页面数据，包括：

通过网页代理拦截所述网页对应的请求；

依据所述请求读取演示依赖数据，确定对应的接口数据；

依据所述接口数据确定绑定的页面数据，作为第一页面数据。

可选的，还包括：通过网页代理拦截登录请求；基于所述演示依赖数据确定登录数据，依据所述登录数据完成登录处理。

可选的，所述基于所述演示依赖数据确定登录数据，依据所述登录数据完成登录处理，包括：

在所述演示依赖数据中查询所述登录请求对应的接口数据；

依据所述接口数据确定登录逻辑信息；

若所述登录逻辑信息为第一类信息，则获取登录态标志，返回所述登录态标志以完成登录处理；

若所述登录逻辑信息为第二类信息，则获取具有登录态的页面数据，返回所述页面数据并渲染显示，以完成登录处理。

可选的，所述依据所述接口数据确定对应的第二页面数据，依据所述第二页面数据显示第二页面，包括：

依据所述接口数据确定操作逻辑信息，依据所述操作逻辑信息获取对应的第二页面数据；

对所述第二页面数据进行渲染，显示第二页面。

可选的，所述响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据，包括：

响应于所述网页的操作，依据所述请求查询所述演示依赖数据；

在所述演示依赖数据中确定接口使用标识，依据所述接口使用标识确定对应的接口数据。

可选的，还包括：提供场景列表窗口；响应于对所述场景列表窗口中场景信息的选择，启动所述场景信息对应的场景操作窗口；在所述场景操作窗口中启动网页代理，以执行网页操作的代理处理。

本申请实施例还公开了一种网页数据采集方法，所述方法包括：

调用采集工具启动网页演示录制；

在网页的页面使用过程中，通过所述采集工具录制所述页面对应的使用数据，所述使用数据包括：接口数据、页面数据和环境数据；

上传所述页面的使用数据，以在服务端生成所述页面的演示依赖数据，并在客户端存储所述演示依赖数据并依据所述演示依赖数据在本地执行页面操作。

可选的，所述通过所述采集工具录制所述页面对应的使用数据，包括以下至少一种步骤：

启动目标页面，并通过所述采集工具采集所述目标页面的页面数据和接口数据；

针对所述目标页面响应于操作所执行的反馈，采集对应的页面数据和接口数据；

通过采集工具采集所述目标页面的环境数据。

本申请实施例还公开了一种基于网页数据的处理方法，所述方法包括：

接收页面的使用数据，所述使用数据包括：接口数据、页面数据和环境数据；

对所述使用数据进行分析，确定对应的场景以及场景的场景演示数据；

依据各场景的场景演示数据生成演示依赖数据；

将所述演示依赖数据发送给客户端，以在客户端存储所述演示依赖数据并依据所述演示依赖数据在本地执行页面操作。

可选的，对所述使用数据进行分析，确定对应的场景以及场景的场景演示数据，包括：

对所述使用数据进行分析，确定接口数据以及对应的页面数据；

确定所述接口数据以及对应的页面数据对应的场景，将所述接口数据和页面数据作为所述场景的场景演示数据。

可选的，所述依据各场景的场景演示数据生成演示依赖数据，包括：

按照数据类型构建目录，按照所述目录存储所述场景演示数据，生成对应的演示依赖数据。

本申请实施例还公开了一种网页的本地操作装置，所述装置包括：

储模块，用于在本地保存网页对应的演示依赖数据；

处理分析模块，用于在网页启动时，拦截所述网页的请求并读取所述演示依赖数据中第一页面数据；以及，响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据，依据所述接口数据确定对应的第二页面数据；

显示模块，用于依据所述第一页面数据显示所述网页的第一页面；以及，依据所述第二页面数据显示第二页面。

本申请实施例还公开了一种网页数据采集装置，所述装置包括：

调用录制模块，用于调用采集工具启动网页演示录制；

数据采集模块，用于在网页的页面使用过程中，通过所述采集工具录制所述页面对应的使用数据，所述使用数据包括：接口数据、页面数据和环境数据；

上传模块，用于上传所述页面的使用数据，以在服务端生成所述页面的演示依赖数据，并在客户端存储所述演示依赖数据并依据所述演示依赖数据在本地执行页面操作。

本申请实施例还公开了一种基于网页数据的处理装置，所述装置包括：

数据接收模块，用于接收页面的使用数据，所述使用数据包括：接口数据、页面数据和环境数据；

数据分析模块，用于对所述使用数据进行分析，确定对应的场景以及场景的场景演示数据；依据各场景的场景演示数据生成演示依赖数据；

发送模块，用于将所述演示依赖数据发送给客户端，以在客户端存储所述演示依赖数据并依据所述演示依赖数据在本地执行页面操作。

本申请实施例还公开了一种电子设备，包括：处理器；和存储器，其上存储有可执行代码，当所述可执行代码被处理器执行时，执行如本申请实施例所述的方法。

本申请实施例还公开了一个或多个机器可读介质，其上存储有可执行代码，当所述可执行代码被处理器执行时，执行如本申请实施例所述的方法。

与现有技术相比，本申请实施例包括以下优点：

本申请实施例中，可在本地保存网页对应的演示依赖数据，在网页启动时，拦截所述网页的请求，并读取本地的演示依赖数据中第一页面数据，依据所述第一页面数据显示所述网页的第一页面，从而能够基于本地数据进行网页的启动，并且响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据，依据所述接口数据确定对应的第二页面数据，依据所述第二页面数据显示第二页面，基于本地数据相应页面操作，实现进行演示操作，实现脱离服务器操作网页。

附图说明

图1是本申请实施例的一种采集、处理、操作网页示例的示意图；

图2是本申请的一种网页数据采集方法实施例的步骤流程图；

图3是本申请的一种基于网页数据的处理方法实施例的步骤流程图；

图4是本申请实施例的一种演示依赖数据中一种场景目录示例的示意图；

图5是本申请的一种网页的本地操作方法实施例的步骤流程图；

图6是本申请实施例的一种场景列表窗口示例的示意图；

图7是本申请的另一种网页的本地操作方法实施例的步骤流程图；

图8是本申请一个实施例提供的示例性装置的结构示意图。

具体实施方式

为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请作进一步详细的说明。

本申请实施例可以应用于网页处理场景中。将网页进行本地化处理，从而无需与服务器交互即可展示、操作网页，给用户提供网页的演示、培训等服务。一个示例中，可应用于具有时限的网站网页中，如购票网站的网页、投票网站的网页、限时授权的竞赛网站、限时授权的购物网站等，在超出时限前可进行数据采集和录制，从而超出时限后可基于采集的数据进行网页的演示、培训等。本申请实施例也可用于非限时网站网页的使用中，如针对员工进行培训，提供网页的操作演示等需求场景中，也可使用上述方式进行采集和演示使用。

如图1所示，可以先对网页相关的数据进行采集，将采集的数据上传到服务端进行整合，然后由服务端下发给客户端，在本地存储，实现网页的本地化处理。后续可以基于本地存储的网页演示数据，在本地实现对网页操作的反馈。从而提供一种网页的演示方案，能够保留页面原有的逻辑，使得用户可用在客户端中进行在原站点中相同的操作和感知。

本申请实施例中，可通过浏览器插件等采集工具实现网页数据的采集，操作人员使用数据采集工具来录制需要的演示场景。如图2所示：

步骤202，调用采集工具启动网页演示录制。

步骤204，在页面使用过程中，通过所述采集工具录制所述页面对应的使用数据。所述使用数据包括：接口数据、页面数据和环境数据。

步骤206，上传所述页面的使用数据，以在服务端生成所述页面的演示依赖数据，在客户端本地使用。

本申请实施例中，可以采用采集工具进行页面的录制。该采集工具可为浏览器对应的工具，如插件，也可为外置的采集工具，还可基于采集需求在页面中注入采集脚本。从而可以先调用采集工具来启动录制，然后可在浏览器中使用相应的页面，如可先启动需要采集的目标页面，然后在该目标页面中进行操作、演示，从而通过采集工具采集所需的各种使用数据。

其中，用户可使用采集工具来录制需要的演示场景，如：如何创建账号、如何进行商品发布等。采集工具可将操作人员操作过程中产生的所有数据以及用户的交互行为，同步到后台的数据服务，跟演示场景进行绑定。

一个可选实施例中，所述在页面使用过程中，通过所述采集工具录制所述页面对应的使用数据，包括以下至少一种步骤：启动目标页面，并通过所述采集工具采集所述目标页面的页面数据和接口数据；针对所述目标页面响应于操作所执行的反馈，采集对应的页面数据和接口数据；通过采集工具采集所述目标页面的环境数据。

其中，可以在浏览器中启动目标页面，相应可以向服务器发送请求来获取页面数据，渲染页面数据来显示该目标页面。采集工具可采集并录制该过程，其中，可记录所发送的请求，确定请求所调用接口以及接口相关的数据，如入参(即入口参数)、出参(即出口参数)等，并且确定针对操作的处理逻辑信息作为接口数据，在服务端返回页面数据时，可采集所返回的页面数据，以及在页面渲染过程中从服务端获取的资源输入，如图片等数据。例如，页面从CDN(Content Delivery Network，内容分发网络)服务器获取的CDN数据等。该过程中还可记录页面从启动到渲染过程中的处理逻辑数据，添加到接口数据中。

在目标页面启动后，还可在目标页面中进行操作，演示该页面所提供对的各种功能。如触发页面中的各种控件，如输入控件、搜索控件、编辑控件、跳转控件以及各种功能对应的控件，又如在不同页面之间切换等。相应页面可接收到对应的操作，然后对操作进行相应，如接收输入信息，接收搜索信息并搜索，显示编辑内容，接收编辑内容等，以及执行页面跳转等。采集该工具可以采集并录制该过程，采集触发的操作，操作对应调用的接口以及接口相关的数据，页面相应操作所反馈的页面数据等。其中，采集组件在操作触发、响应、反馈的过程中，可以获取各种数据，如所调用的接口，接口的参数、针对操作的处理逻辑等数据作为接口数据，还可获取反馈的页面数据等，从而基于采集工具实现在页面操作过程中的采集。其中，页面启动以及操作过程中，将响应于启动、操作所采集的接口数据和页面数据进行绑定，从而确定出不同操作调用的接口以及对应反馈的页面。

本申请一个可选实施例中，有些浏览器提供有插件进行请求的拦截，但是，自带的插件可能具有局限性，有些请求无法拦截。如webRequest可拦截页面请求，但针对POST请求和PUT请求无法拦截，因此也无法获取接口数据。针对这种情况，可在开启录制时会往页面中注入一段前端脚本，在脚本中对所有的接口数据进行代理。该脚本可基于底层调用方法实现接口拦截，获取接口数据。

本申请实施例还可通过采集工具采集所述目标页面的环境数据。包括运行环境数据、缓存数据、存储数据等，如运行环境数据为Windows数据、iOS数据等，缓存数据cookie，存储数据如LocalStorage和SessionStorage等。

本申请实施例中，上述采集的页面数据为页面渲染数据，可以渲染展示页面。在页面启动、操作过程中还可录制页面的录屏数据，即页面启动、操作、反馈的各种执行过程的录屏数据，该录屏数据可为页面数据的一种。

可以将所采集的页面数据、接口数据、环境数据等作为使用数据，上传到服务端。该服务端可为云服务端，也可为后台数据服务端等。从而能够录制页面启动、使用过程中的各种数据，便于后续在本地进行页面的使用。

本申请实施例可在不改动前端代码的前提下进行数据的采集，并且能够保留场景历史数据，便于使用录制时的接口数据，以及绕过客户端中前端的登录态，能够直接进入页面。

服务端可对使用数据进行处理，生成演示依赖数据。可执行如下图3所示的步骤：

步骤302，接收页面的使用数据，所述使用数据包括：接口数据、页面数据和环境数据。

步骤304，对所述使用数据进行分析，确定对应的场景以及场景的场景演示数据。

步骤306，依据各场景的场景演示数据生成演示依赖数据。

步骤308，将所述演示依赖数据发送给客户端。

其中，对所述使用数据进行分析，确定对应的场景以及场景的场景演示数据，包括：对所述使用数据进行分析，确定接口数据以及对应的页面数据；确定所述接口数据以及对应的页面数据对应的场景，将所述接口数据和页面数据作为所述场景的场景演示数据。可以对使用数据进行分析，确定其中的接口数据以及所绑定的页面数据等，然后可基于接口数据以及对应的页面数据对应的场景，如将一个页面确定为一个场景，或者将一个接口调用确定为一个场景，一个功能确定为一个场景等，将所述接口数据和页面数据作为所述场景的场景演示数据。其中，所述确定所述接口数据以及对应的页面数据对应的场景，将所述接口数据和页面数据作为所述场景的场景演示数据，包括：依据页面数据确定对应的页面，按照页面确定场景；获取所述页面对应的多个使用数据，作为所述场景的场景演示数据。

所述依据各场景的场景演示数据生成演示依赖数据，包括：按照数据类型构建目录，按照所述目录存储所述场景演示数据，生成对应的演示依赖数据。可以按照数据的类型来构建目录，如接口数据、缓存数据、环境数据、页面数据等，然后按照所述目录将相应类型的数据存储到目录下，生成对应的演示依赖数据。本申请实施例中，针对每个场景可构建场景目录并存储场景演示数据，从而基于各场景生成演示依赖数据。

一个示例中，演示依赖数据的目录如图4所示：

其中：api-data.js(接口数据类)

其存储了该场景依赖的所有接口数据，在该场景使用时会加载该文件，用来代理页面中产生的所有接口数据、跳转到指定页面以及接口选取的逻辑。

clear-cache.js(缓存类)：

可以理解为清除一些缓存数据的。

env.js(环境数据类型)：

用于写入用户当时的环境数据的，如：Windows、cookie、LocalStorage和SessionStorage等。

Html(页面数据类型)，其中：

index.html是操作场景的页面渲染数据。

record-video.html是用户的操作录屏数据。

在后台的数据服务中，会将所有的场景按指定目录打包，下发到桌面客户端中。客户端会按目录解析并展示出所有应用的场景，在客户端中可以进行操作的回放和实际操作。

本申请实施例中，服务端还可生成网页代理，该网页代理作为网页处理的代理，可发送给浏览器或客户端等本地客户端，基于演示依赖数据实现客户端本地的网页演示。网页代理可以拦截网页对应的请求，基于演示依赖数据返回对应请求数据，从而实现网页在本地的展示和演示。其中，网页代理可存储在演示依赖数据中下发给客户端，也可预先下发给客户端，基于该网页代理获取演示依赖数据。

从而可依据演示依赖数据，实现在客户端本地对网页的展示和演示。可以采用如下图5所示的步骤：

步骤502，在本地保存网页对应的演示依赖数据。

可以在客户端如浏览器等保存网页的演示依赖数据，以便后续基于该演示依赖数据对该网页进行演示，以及实现网页的本地操作反馈。

本申请实施例中可提供网页演示窗口，该网页演示窗口可包括场景列表窗口、场景操作窗口和场景交互回放窗口。用户可先启动场景列表窗口，在场景列表窗口中显示各场景，如图6所示的一种场景列表窗口，其可显示可场景对应的页面作为预览信息。在选择场景后可进入到场景操作窗口，从而网页代理可以对网页进行代理，无需与服务端交互，而是基于本地的演示依赖数据进行网页的操作演示，执行上述的延时过程。针对场景交互回放窗口，其可显示该场景所对应的录屏数据，从而播放录屏数据，实现针对页面的操作回放。

因此可提供场景列表窗口；响应于对所述场景列表窗口中场景信息的选择，启动所述场景信息对应的场景操作窗口；在所述场景操作窗口中启动网页代理，以执行网页操作的代理处理。基于场景操作窗口可确定当前所在的场景，然后页面代理在后续处理中可基于该场景在演示依赖数据中确定对应场景的目录，获取所需的数据。

步骤504，在网页启动时，拦截所述网页的请求并读取所述演示依赖数据中第一页面数据。

步骤506，依据所述第一页面数据显示所述网页的第一页面。

本申请实施例可设置网页代理，通过网页代理来代理网页所需的各种资源数据。在页面启动时，网页代理可以拦截网页对应的请求，然后读取本地所存储的演示依赖数据，查询该请求所对应的接口数据以及页面数据(可称为第一页面数据)，然后可以渲染该第一页面数据，显示第一页面。

其中，所述拦截所述网页的请求并读取所述演示依赖数据中第一页面数据，包括：通过网页代理拦截所述网页对应的请求；依据所述请求读取演示依赖数据，确定对应的接口数据；依据所述接口数据确定绑定的页面数据，作为第一页面数据。网页代理可以拦截网页对应的请求，然后读取本地所存储的演示依赖数据，在所述演示依赖数据中查询所述请求对应的接口数据，然后依据该接口数据确定该请求对应的处理逻辑，如在网页启动时的处理逻辑为请求页面数据并渲染展示，则可基于该处理逻辑确定所绑定的页面数据，作为第一页面数据，对该第一页面数据进行渲染展示。

本申请实施例中，页面在启动、运行等过程中，还可能需要登录，网页代理可拦截登录请求，基于所述演示依赖数据确定登录数据，依据所述登录数据完成登录处理。网页代理可拦截登录请求，基于所述演示依赖数据确定该登录请求对应的接口数据，依据所述接口数据确定该网页的登录逻辑信息，依据所述登录逻辑信息获取相应的登录数据，从而实现登录的处理。

一个可选实施例中，所述基于所述演示依赖数据确定登录数据，依据所述登录数据完成登录处理，包括：在所述演示依赖数据中查询所述登录请求对应的接口数据；依据所述接口数据确定登录逻辑信息；若所述登录逻辑信息为第一类信息，则获取登录态标志，返回所述登录态标志以完成登录处理；若所述登录逻辑信息为第二类信息，则获取具有登录态的页面数据，返回所述页面数据并渲染显示，以完成登录处理。

其中，第一类信息可为单页面类别，在该类别下，页面基于的登录态实现登录。因此基于登录逻辑信息确定该页面是否拥有登录态，如果拥有可基于接口返回登录态标志，如在浏览器某个地方存储一个登录态标志来完成登录的标记。后续页面处理中，如后续页面切换时，通过登录态标志来判断是否拥有登录态。本申请实施例可基于网络代理进行拦截，从而基于接口数据确定处理逻辑后，返回登录态标志来指示处理登录状态，网页的前端代码也会认为存在登录态，就不会提示登录了。

第二类信息可为多页面类型，该类型下页面路由的登录态控制是在后端服务中，当用户访问页面时如果没有登录态，后端会返回响应提示浏览器跳转到登录页去。针对这种方式，本申请实施例同样可基于网代理拦截，如通过一个Nodejs的服务响应有登录态的html，即获取具有登录态的页面数据并返回，然后渲染显示具有登录态的网页。

从而能够基于演示依赖数据确定当前处理对应的接口，分析接口的处理逻辑，返回相应的页面数据。

步骤508，响应于所述页面的操作，从所述演示依赖数据中获取对应的接口数据。

步骤510，依据所述接口数据确定对应的第二页面数据，依据所述第二页面数据显示第二页面。

在页面中用户可以执行页面所提供的从操作，从而实现对页面各种功能的使用。因此可网页代理可拦截针对网页的操作并执行响应，响应于所拦截的操作，可以从演示依赖数据中获取对应的接口数据，依据所述接口数据确定操作逻辑信息，依据所述操作逻辑信息获取对应的第二页面数据，对所述第二页面数据进行渲染，显示第二页面。

从而针对页面中的各种操作，如搜索、编辑、查询等可以通过网页代理获取接口数据，确定处理逻辑信息并返回相应的页面数据。在页面调整、返回等处理中也可通过网页代理获取接口数据，确定处理逻辑信息并返回相应的页面数据。

本申请实施例中，所述响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据，包括：响应于所述网页的操作，采用所述操作确定匹配规则；依据对应的匹配规则，所述演示依赖数据中获取对应的接口数据。

所述响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据，包括：响应于所述网页的操作，依据所述请求查询所述演示依赖数据；在所述演示依赖数据中确定接口使用标识，依据所述接口使用标识确定对应的接口数据。基于页面的操作可获取操作信息、请求等信息，根据网页地址(URL)、调用方法(method)、请求(query)和数据体(body)等参数来进行接口的匹配。但有时操作信息、请求可能是重复的，比如，通过列表进入表单进行某个记录的创建，之后会发出创建请求以返回列表页，两个不同记录的创建就会存在两个创建请求，针对这种情况，本申请实施例，可以针对接口设置使用标识，在所述演示依赖数据中确定接口使用标识，依据所述接口使用标识确定对应的接口数据，从而优先匹配未使用的请求。针对上述创建表单记录的示例，基于该接口数据匹配对应的页面数据，对应渲染显示的页面可以呈现出比原先的数据多一条或者能够感知到数据的变更的效果。

综上，可在本地保存网页对应的演示依赖数据，在网页启动时，拦截所述网页的请求，并读取本地的演示依赖数据中第一页面数据，依据所述第一页面数据显示所述网页的第一页面，从而能够基于本地数据进行网页的启动，并且响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据，依据所述接口数据确定对应的第二页面数据，依据所述第二页面数据显示第二页面，基于本地数据相应页面操作，实现进行演示操作，实现脱离服务器操作网页。

在上述实施例的基础上，本申请实施例还提供了一种网页的本地操作方法，能够代理接口数据，保存交互逻辑在本地使用，从而提供与连接服务器相同的操作效果。

参照图7，示出了本申请的另一种网页的本地操作方法实施例的步骤流程图。

步骤702，在本地保存网页对应的演示依赖数据。

步骤704，提供场景列表窗口。

步骤706，响应于对所述场景列表窗口中场景信息的选择，启动所述场景信息对应的场景操作窗口。

步骤708，在所述场景操作窗口中启动网页代理。

步骤710，在网页启动时，通过网页代理拦截所述网页的请求并读取所述演示依赖数据中第一页面数据。

其中，可通过网页代理拦截所述网页对应的请求；步骤712，依据所述请求读取演示依赖数据，确定对应的接口数据；依据所述接口数据确定绑定的页面数据，作为第一页面数据。

步骤712，依据所述第一页面数据显示所述网页的第一页面。

步骤714，响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据。

所述响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据，包括：

响应于所述网页的操作，依据所述请求查询所述演示依赖数据；在所述演示依赖数据中确定接口使用标识，依据所述接口使用标识确定对应的接口数据。

步骤716，依据所述接口数据确定对应的第二页面数据，依据所述第二页面数据显示第二页面。

所述依据所述接口数据确定对应的第二页面数据，依据所述第二页面数据显示第二页面，包括：依据所述接口数据确定操作逻辑信息，依据所述操作逻辑信息获取对应的第二页面数据；对所述第二页面数据进行渲染，显示第二页面。

步骤718，通过网页代理拦截登录请求。

步骤720，基于所述演示依赖数据确定登录数据，依据所述登录数据完成登录处理。

其中，所述基于所述演示依赖数据确定登录数据，依据所述登录数据完成登录处理，包括：在所述演示依赖数据中查询所述登录请求对应的接口数据；依据所述接口数据确定登录逻辑信息；若所述登录逻辑信息为第一类信息，则获取登录态标志，返回所述登录态标志以完成登录处理；若所述登录逻辑信息为第二类信息，则获取具有登录态的页面数据，返回所述页面数据并渲染显示，以完成登录处理。

本申请实施例中，针对登录的校验可在页面启动、操作过程中执行，因此其可在步骤710中触发，正在步骤714中触发，本申请实施例对此不做限制。

本申请实施例代理了接口数据，所以在客户端中使用，跟之前有服务时效果相同，即保留了原有的交互逻辑，而不是单纯的静态页面。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请实施例并不受所描述的动作顺序的限制，因为依据本申请实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本申请实施例所必须的。

在上述实施例的基础上，本实施例还提供了一种网页的本地操作装置，应用于终端设备中。

存储模块，用于在本地保存网页对应的演示依赖数据；

处理分析模块，用于在网页启动时，拦截所述网页的请求并读取所述演示依赖数据中第一页面数据；以及，响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据，依据所述接口数据确定对应的第二页面数据；

显示模块，用于依据所述第一页面数据显示所述网页的第一页面；以及，依据所述第二页面数据显示第二页面。

综上，可在本地保存网页对应的演示依赖数据，在网页启动时，拦截所述网页的请求，并读取本地的演示依赖数据中第一页面数据，依据所述第一页面数据显示所述网页的第一页面，从而能够基于本地数据进行网页的启动，并且响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据，依据所述接口数据确定对应的第二页面数据，依据所述第二页面数据显示第二页面，基于本地数据相应页面操作，实现进行演示操作，实现脱离服务器操作网页。

所述处理分析模块，用于通过网页代理拦截所述网页对应的请求；依据所述请求读取演示依赖数据，确定对应的接口数据；依据所述接口数据确定绑定的页面数据，作为第一页面数据。

所述处理分析模块，还用于通过网页代理拦截登录请求；基于所述演示依赖数据确定登录数据，依据所述登录数据完成登录处理。

所述处理分析模块，用于在所述演示依赖数据中查询所述登录请求对应的接口数据；依据所述接口数据确定登录逻辑信息；若所述登录逻辑信息为第一类信息，则获取登录态标志，返回所述登录态标志以完成登录处理；若所述登录逻辑信息为第二类信息，则获取具有登录态的页面数据，返回所述页面数据并渲染显示，以完成登录处理。

所述处理分析模块，用于依据所述接口数据确定操作逻辑信息，依据所述操作逻辑信息获取对应的第二页面数据；所述显示模块，用于对所述第二页面数据进行渲染，显示第二页面。

所述处理分析模块，用于响应于所述网页的操作，依据所述请求查询所述演示依赖数据；在所述演示依赖数据中确定接口使用标识，依据所述接口使用标识确定对应的接口数据。

所述处理分析模块，还用于提供场景列表窗口；响应于对所述场景列表窗口中场景信息的选择，启动所述场景信息对应的场景操作窗口；在所述场景操作窗口中启动网页代理，以执行网页操作的代理处理。

在上述实施例的基础上，本实施例还提供了一种网页数据采集装置，应用于终端设备中。

调用录制模块，用于调用采集工具启动网页演示录制；

数据采集模块，用于在网页的页面使用过程中，通过所述采集工具录制所述页面对应的使用数据，所述使用数据包括：接口数据、页面数据和环境数据；

上传模块，用于上传所述页面的使用数据，以在服务端生成所述页面的演示依赖数据，并在客户端存储所述演示依赖数据并依据所述演示依赖数据在本地执行页面操作。

所述数据采集模块，用于启动目标页面，并通过所述采集工具采集所述目标页面的页面数据和接口数据；针对所述目标页面响应于操作所执行的反馈，采集对应的页面数据和接口数据；通过采集工具采集所述目标页面的环境数据。

本申请实施例可在不改动前端代码的前提下进行数据的采集，并且能够保留场景历史数据，便于在客户端中使用录制时的接口数据，以及绕过客户端中前端的登录态，能够直接进入页面。

在上述实施例的基础上，本实施例还提供了一种基于网页数据的处理装置，应用于服务端的电子设备中。

数据接收模块，用于接收页面的使用数据，所述使用数据包括：接口数据、页面数据和环境数据；

数据分析模块，用于对所述使用数据进行分析，确定对应的场景以及场景的场景演示数据；依据各场景的场景演示数据生成演示依赖数据；

发送模块，用于将所述演示依赖数据发送给客户端，以在客户端存储所述演示依赖数据并依据所述演示依赖数据在本地执行页面操作。

所述数据分析模块，用于对所述使用数据进行分析，确定接口数据以及对应的页面数据；确定所述接口数据以及对应的页面数据对应的场景，将所述接口数据和页面数据作为所述场景的场景演示数据。

在后台的数据服务中，会将所有的场景按指定目录打包，下发到桌面客户端中。客户端会按目录解析并展示出所有应用的场景，在客户端中可以进行操作的回放和实际操作。

本申请实施例代理了接口数据，所以在客户端中使用，跟之前有服务时效果相同，即保留了原有的交互逻辑，而不是单纯的静态页面。

所述数据分析模块，用于按照数据类型构建目录，按照所述目录存储所述场景演示数据，生成对应的演示依赖数据。本申请实施例还提供了一种非易失性可读存储介质，该存储介质中存储有一个或多个模块(programs)，该一个或多个模块被应用在设备时，可以使得该设备执行本申请实施例中各方法步骤的指令(instructions)。

本申请实施例提供了一个或多个机器可读介质，其上存储有指令，当由一个或多个处理器执行时，使得电子设备执行如上述实施例中一个或多个所述的方法。本申请实施例中，所述电子设备包括服务器、终端设备等设备。

本公开的实施例可被实现为使用任意适当的硬件，固件，软件，或及其任意组合进行想要的配置的装置，该装置可包括服务器(集群)、终端等电子设备。图8示意性地示出了可被用于实现本申请中所述的各个实施例的示例性装置800。

对于一个实施例，图8示出了示例性装置800，该装置具有一个或多个处理器802、被耦合到(一个或多个)处理器802中的至少一个的控制模块(芯片组)804、被耦合到控制模块804的存储器806、被耦合到控制模块804的非易失性存储器(NVM)/存储设备808、被耦合到控制模块804的一个或多个输入/输出设备810，以及被耦合到控制模块804的网络接口812。

处理器802可包括一个或多个单核或多核处理器，处理器802可包括通用处理器或专用处理器(例如图形处理器、应用处理器、基频处理器等)的任意组合。在一些实施例中，装置800能够作为本申请实施例中所述服务端、终端等设备。

在一些实施例中，装置800可包括具有指令814的一个或多个计算机可读介质(例如，存储器806或NVM/存储设备808)以及与该一个或多个计算机可读介质相合并被配置为执行指令814以实现模块从而执行本公开中所述的动作的一个或多个处理器802。

对于一个实施例，控制模块804可包括任意适当的接口控制器，以向(一个或多个)处理器802中的至少一个和/或与控制模块804通信的任意适当的设备或组件提供任意适当的接口。

控制模块804可包括存储器控制器模块，以向存储器806提供接口。存储器控制器模块可以是硬件模块、软件模块和/或固件模块。

存储器806可被用于例如为装置800加载和存储数据和/或指令814。对于一个实施例，存储器806可包括任意适当的易失性存储器，例如，适当的DRAM。在一些实施例中，存储器806可包括双倍数据速率类型四同步动态随机存取存储器(DDR4SDRAM)。

对于一个实施例，控制模块804可包括一个或多个输入/输出控制器，以向NVM/存储设备808及(一个或多个)输入/输出设备810提供接口。

例如，NVM/存储设备808可被用于存储数据和/或指令814。NVM/存储设备808可包括任意适当的非易失性存储器(例如，闪存)和/或可包括任意适当的(一个或多个)非易失性存储设备(例如，一个或多个硬盘驱动器(HDD)、一个或多个光盘(CD)驱动器和/或一个或多个数字通用光盘(DVD)驱动器)。

NVM/存储设备808可包括作为装置800被安装在其上的设备的一部分的存储资源，或者其可被该设备访问可不必作为该设备的一部分。例如，NVM/存储设备808可通过网络经由(一个或多个)输入/输出设备810进行访问。

(一个或多个)输入/输出设备810可为装置800提供接口以与任意其他适当的设备通信，输入/输出设备810可以包括通信组件、音频组件、传感器组件等。网络接口812可为装置800提供接口以通过一个或多个网络通信，装置800可根据一个或多个无线网络标准和/或协议中的任意标准和/或协议来与无线网络的一个或多个组件进行无线通信，例如接入基于通信标准的无线网络，如WiFi、2G、3G、4G、5G等，或它们的组合进行无线通信。

对于一个实施例，(一个或多个)处理器802中的至少一个可与控制模块804的一个或多个控制器(例如，存储器控制器模块)的逻辑封装在一起。对于一个实施例，(一个或多个)处理器802中的至少一个可与控制模块804的一个或多个控制器的逻辑封装在一起以形成系统级封装(SiP)。对于一个实施例，(一个或多个)处理器802中的至少一个可与控制模块804的一个或多个控制器的逻辑集成在同一模具上。对于一个实施例，(一个或多个)处理器802中的至少一个可与控制模块804的一个或多个控制器的逻辑集成在同一模具上以形成片上系统(SoC)。

在各个实施例中，装置800可以但不限于是：服务器、台式计算设备或移动计算设备(例如，膝上型计算设备、手持计算设备、平板电脑、上网本等)等终端设备。在各个实施例中，装置800可具有更多或更少的组件和/或不同的架构。例如，在一些实施例中，装置800包括一个或多个摄像机、键盘、液晶显示器(LCD)屏幕(包括触屏显示器)、非易失性存储器端口、多个天线、图形芯片、专用集成电路(ASIC)和扬声器。

其中，检测装置中可采用主控芯片作为处理器或控制模块，传感器数据、位置信息等存储到存储器或NVM/存储设备中，传感器组可作为输入/输出设备，通信接口可包括网络接口。

本申请实施例还提供了一种电子设备，包括：处理器；和存储器，其上存储有可执行代码，当所述可执行代码被执行时，使得所述处理器执行如本申请实施例中一个或多个所述的方法。本申请实施例中存储器中可存储各种数据，如目标文件、文件与应用关联数据等各种数据，还可包括用户行为数据等，从而为各种处理提供数据基础。

本申请实施例还提供了一个或多个机器可读介质，其上存储有可执行代码，当所述可执行代码被执行时，使得处理器执行如本申请实施例中一个或多个所述的方法。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

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

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

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

尽管已描述了本申请实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对本申请所提供的一种网页的本地操作方法、一种网页数据采集方法、一种基于网页数据的处理方法、一种电子设备和一种存储介质，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (14)

1.一种网页的本地操作方法，其特征在于，所述方法包括：

在本地保存网页对应的演示依赖数据；

在网页启动时，拦截所述网页的请求并读取所述演示依赖数据中第一页面数据；

依据所述第一页面数据显示所述网页的第一页面；

响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据；

依据所述接口数据确定对应的第二页面数据，依据所述第二页面数据显示第二页面。

2.根据权利要求1所述的方法，其特征在于，所述拦截所述网页的请求并读取所述演示依赖数据中第一页面数据，包括：

通过网页代理拦截所述网页对应的请求；

依据所述请求读取演示依赖数据，确定对应的接口数据；

依据所述接口数据确定绑定的页面数据，作为第一页面数据。

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

通过网页代理拦截登录请求；

基于所述演示依赖数据确定登录数据，依据所述登录数据完成登录处理。

4.根据权利要求3所述的方法，其特征在于，所述基于所述演示依赖数据确定登录数据，依据所述登录数据完成登录处理，包括：

在所述演示依赖数据中查询所述登录请求对应的接口数据；

依据所述接口数据确定登录逻辑信息；

若所述登录逻辑信息为第一类信息，则获取登录态标志，返回所述登录态标志以完成登录处理；

若所述登录逻辑信息为第二类信息，则获取具有登录态的页面数据，返回所述页面数据并渲染显示，以完成登录处理。

5.根据权利要求1所述的方法，其特征在于，所述依据所述接口数据确定对应的第二页面数据，依据所述第二页面数据显示第二页面，包括：

依据所述接口数据确定操作逻辑信息，依据所述操作逻辑信息获取对应的第二页面数据；

对所述第二页面数据进行渲染，显示第二页面。

6.根据权利要求1所述的方法，其特征在于，所述响应于所述网页的操作，从所述演示依赖数据中获取对应的接口数据，包括：

响应于所述网页的操作，依据所述请求查询所述演示依赖数据；

在所述演示依赖数据中确定接口使用标识，依据所述接口使用标识确定对应的接口数据。

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

提供场景列表窗口；

响应于对所述场景列表窗口中场景信息的选择，启动所述场景信息对应的场景操作窗口；

在所述场景操作窗口中启动网页代理，以执行网页操作的代理处理。

8.一种网页数据采集方法，其特征在于，所述方法包括：

调用采集工具启动网页演示录制；

在网页的页面使用过程中，通过所述采集工具录制所述页面对应的使用数据，所述使用数据包括：接口数据、页面数据和环境数据；

上传所述页面的使用数据，以在服务端生成所述页面的演示依赖数据，并在客户端存储所述演示依赖数据并依据所述演示依赖数据在本地执行页面操作。

9.根据权利要求8所述的方法，其特征在于，所述通过所述采集工具录制所述页面对应的使用数据，包括以下至少一种步骤：

启动目标页面，并通过所述采集工具采集所述目标页面的页面数据和接口数据；

针对所述目标页面响应于操作所执行的反馈，采集对应的页面数据和接口数据；

通过采集工具采集所述目标页面的环境数据。

10.一种基于网页数据的处理方法，其特征在于，所述方法包括：

接收页面的使用数据，所述使用数据包括：接口数据、页面数据和环境数据；

对所述使用数据进行分析，确定对应的场景以及场景的场景演示数据；

依据各场景的场景演示数据生成演示依赖数据；

将所述演示依赖数据发送给客户端，以在客户端存储所述演示依赖数据并依据所述演示依赖数据在本地执行页面操作。

11.根据权利要求10所述的方法，其特征在于，对所述使用数据进行分析，确定对应的场景以及场景的场景演示数据，包括：

对所述使用数据进行分析，确定接口数据以及对应的页面数据；

确定所述接口数据以及对应的页面数据对应的场景，将所述接口数据和页面数据作为所述场景的场景演示数据。

12.根据权利要求10所述的方法，其特征在于，所述依据各场景的场景演示数据生成演示依赖数据，包括：

按照数据类型构建目录，按照所述目录存储所述场景演示数据，生成对应的演示依赖数据。

13.一种电子设备，包括：处理器；

和存储器，其上存储有可执行代码，当所述可执行代码被处理器执行时，执行如权利要求1-12中任一项所述的方法。

14.一个或多个机器可读介质，其上存储有可执行代码，当所述可执行代码被处理器执行时，执行如权利要求1-12中任一项所述的方法。

Images