CN110008423A - 动态网页页面的离线处理方法、输出终端及存储介质 - Google Patents

Abstract

本发明实施例公开了一种动态网页的离线处理方法、输出终端及存储介质，应用于输出终端中所述动态网页的离线处理方法包括：向服务器发送的第一数据请求；从所述服务器接收基于所述第一数据请求返回的响应信息；所述响应信息，至少包括携带有动态元素的动态网页；其中，所述动态元素为按照预定输出时序输出信息的信息元素；保存所述响应信息；当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息；其中，所述离线状态为所述输出终端与所述服务器之前的连接断开的状态；基于查询的所述响应信息，输出所述动态网页。

Description

动态网页页面的离线处理方法、输出终端及存储介质

技术领域

本发明涉及信息技术领域，尤其涉及一种动态网页页面的离线处理方法、输出终端及计算机存储介质。

背景技术

当输出终端从网络获取页面资源，在本地打开之后，可能会缓存在本地。在输出终端断开网络时，输出终端可以基于本地缓存进行离线显示。

在现有技术中，从网络侧获取的显示页面，都是以静态快照的方式，保存了显示页面。这样保存的快照保存的页面，都是静态页面。

若被快照的显示页面中的动态元素，例如动图、或音乐等就丢失了，后续离线打开的时候，就只能看到快照形成的静态页面。

显然这样的话，输出终端就无法在离线状况的情况下，向用户完整展示包括有动态元素的显示页面。

发明内容

有鉴于此，本发明实施例期望提供一种动态网页页面的离线处理方法、输出终端及计算机存储介质，解决在离线状态下不能完整显示动态网页的问题。

为达到上述目的，本发明的技术方案是这样实现的：

本发明实施例第一方面提供一种动态网页的离线处理方法，其特征在于，应用于输出终端中，包括：

向服务器发送的第一数据请求；

从所述服务器接收基于所述第一数据请求返回的响应信息；所述响应信息，至少包括携带有动态元素的动态网页；其中，所述动态元素为按照预定输出时序输出信息和/或基于预定触发事件变化输出的信息元素；

保存所述响应信息；

当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息；其中，所述离线状态为所述输出终端与所述服务器之前的连接断开的状态；

基于查询的所述响应信息，输出所述动态网页。

可选地，保存所述响应信息，包括：

检测离线存储指示；

基于所述离线存储指示，对应存储所述第一数据请求及所述响应信息到指定存储位置。

可选地，所述当检测到离线状态下发送的所述第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息，包括：

将所述第二数据请求与所述第一数据请求进行匹配；

从所述指定存储位置读取将与所述第二数据请求匹配的所述第一数据请求对应的响应信息。

可选地，所述基于所述离线存储指示，对应存储所述第一数据请求及所述响应信息到指定存储位置，包括：

将对应的所述第一数据请求及所述响应信息进行数据压缩，形成压缩后的离线文件；

将所述压缩后的离线文件存储到所述指定存储位置；

所述当检测到离线状态下发送的所述第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息，包括：

解压所述离线文件，以获得所述第一数据请求及所述响应信息；

在所述离线文件成功后，将所述第二数据请求与所述第一数据请求进行匹配；

从所述指定存储位置读取将与所述第二数据请求匹配的所述第一数据请求对应的响应信息。

可选地，所述方法还包括：

将所述动态网页的网页地址存储到索引文件；

所述当检测到离线状态下发送的所述第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息，包括：

当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求携带的网页地址查询所述索引文件；

当所述第二数据请求携带的网页地址位于所述索引文件中时，基于所述第二数据请求查询本地存储的所述响应信息。

可选地，所述将所述动态网页的网页地址存储到索引文件，包括：

将所述动态网页的网页地址及指定存储位置的本地资源地址，存储到索引文件；

所述当检测到离线状态下发送的所述第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息，包括：

当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求携带的网页地址查询所述索引文件；

当所述第二数据请求携带的网页请求位于所述索引文件中时，从与所述第二数据请求携带的网页地址对应的本地资源地址，读取包括所述第一数据请求及所述响应信息的离线文件；

在解压所述离线文件后，读取与所述第二数据请求匹配的第一数据请求的响应信息。

可选地，所述将所述动态网页的网页地址存储到索引文件，包括：

将打开所述动态网页的浏览器内核的属性信息及所述网页地址，存储到所述索引文件中；

所述当所述第二数据请求携带的网页地址位于所述索引文件中时，基于所述第二数据请求查询本地存储的所述响应信息，包括：

利用与所述属性信息相匹配的浏览器内核，基于所述第二数据请求查询本地存储的所述响应信息。

可选地，所述方法还包括：

存储输出所述动态网页的浏览器内核的属性信息；其中，所述属性信息，用于在响所述第二数据请求时，利用与所述属性信息相适配的浏览器内核基于所述响应信息，离线显示所述动态网页。

可选地，所述属性信息，包括所述浏览器内核的版本信息、所述浏览器内核的厂商信息及所述浏览器内核的类型信息的至少其中之一。

可选地，所述响应信息包括：所述动态网页需要呈现的元素的素材信息以及控制所述素材信息输出的控制信息。

本发明实施例第二方面提供一种动态网页的离线处理装置，应用于输出终端中，包括：

发送单元，用于向服务器发送的第一数据请求；

接收单元，用于从所述服务器接收基于所述第一数据请求返回的响应信息；所述响应信息，至少包括携带有动态元素的动态网页；其中，所述动态元素为按照预定输出时序输出信息和/或基于预定触发事件变化输出的信息元素；

存储单元，用于保存所述响应信息；

查询单元，用于当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息；其中，所述离线状态为所述输出终端与所述服务器之前的连接断开的状态；

输出单元，用于基于查询的所述响应信息，输出所述动态网页。

可选地，所述存储单元，具体用于检测离线存储指示；基于所述离线存储指示，对应存储所述第一数据请求及所述响应信息到指定存储位置。

可选地，所述查询单元，具体用于将所述第二数据请求与所述第一数据请求进行匹配；从所述指定存储位置读取将与所述第二数据请求匹配的所述第一数据请求对应的响应信息。

可选地，所述存储单元，具体用于将对应的所述第一数据请求及所述响应信息进行数据压缩，形成压缩后的离线文件；将所述压缩后的离线文件存储到所述指定存储位置；

所述查询单元，具体用于解压所述离线文件，以获得所述第一数据请求及所述响应信息；在所述离线文件成功后，将所述第二数据请求与所述第一数据请求进行匹配；从所述指定存储位置读取将与所述第二数据请求匹配的所述第一数据请求对应的响应信息。

可选地，所述存储单元，还用于将所述动态网页的网页地址存储到索引文件；

所述查询单元，具体用于当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求携带的网页地址查询所述索引文件；当所述第二数据请求携带的网页地址位于所述索引文件中时，基于所述第二数据请求查询本地存储的所述响应信息。

可选地，所述存储单元，具体用于将所述动态网页的网页地址及指定存储位置的本地资源地址，存储到索引文件；

所述查询单元，具体用于当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求携带的网页地址查询所述索引文件；当所述第二数据请求携带的网页请求位于所述索引文件中时，从与所述第二数据请求携带的网页地址对应的本地资源地址，读取包括所述第一数据请求及所述响应信息的离线文件；在解压所述离线文件后，读取与所述第二数据请求匹配的第一数据请求的响应信息。

可选地，所述存储单元，具体用于将打开所述动态网页的浏览器内核的属性信息及所述网页地址，存储到所述索引文件中；

所述查询单元，具体用于利用与所述属性信息相匹配的浏览器内核，基于所述第二数据请求查询本地存储的所述响应信息。

可选地，所述存储单元，还用于存储输出所述动态网页的浏览器内核的属性信息；其中，所述属性信息，用于在响所述第二数据请求时，利用与所述属性信息相适配的浏览器内核基于所述响应信息，离线显示所述动态网页。

可选地，所述属性信息，包括所述浏览器内核的版本信息、所述浏览器内核的厂商信息及所述浏览器内核的类型信息的至少其中之一。

可选地，所述响应信息包括：所述动态网页需要呈现的元素的素材信息以及控制所述素材信息输出的控制信息。

本发明实施例第三方面提供一种输出终端，包括：

输出模组，用于输出信息；

存储模组，用于存储信息；

处理模组，分别与所述输出模组及所述存储模组相连，用于通过执行计算机程序的执行，实现上述前述一个或多个技术方案提供的动态网页的离线处理方法。

本发明实施例第四方面提供一种输出终端，包括：处理器、存储器及存储在所述存储器上并由所述处理器执行的计算机程序；

所述处理器，与所述存储器连接，用于通过执行所述计算机程序，实现上述前述一个或多个技术方案提供的动态网页的离线处理方法。

本发明实施例第五方面一种计算机存储介质，所述计算机存储介质存储有计算机程序；所述计算机程序被执行后，能够实现上述前述一个或多个技术方案提供的动态网页的离线处理方法。

本发明实施例提供的动态网页页面的离线处理方法、输出终端及计算机存储介质，在进行动态网页的在线输出时，将会利用浏览器内核完整的将用于输出动态网页的响应信息完成的保存下来，这样后续进行离线显示时，直接利用完成保存的响应信息，在不丢失音频或动态图像信息的情况下，完整的响应离线状态下对该动态网页的第二数据请求，从而完整的输出动态网页，从而减少了离线存储动态网页，仅存储其部分显示信息导致的动态网页的离线保存的遗漏，进而确保离线输出时，能够完整的输出动态网页，提升离线状态下动态网页的输出效果及用户使用满意度。

附图说明

图1为本发明实施例提供的第一种动态网页的离线处理方法的流程示意图；

图2为本发明实施例提供的一种动态网页的显示切换示意图；

图3为本发明实施例提供的第二种动态网页的离线处理方法的流程示意图；

图4为本发明实施例提供的一种获取离线存储指示的示意图；

图5为本发明实施例提供的一种动态网页的离线处理装置的结构示意图；

图6为本发明实施例提供的一种输出终端的结构示意图；

图7为本发明实施例提供的一种动态网页的离线存储的流程示意图；

图8为本发明实施例提供的一种动态网页的离线输出的流程示意图。

具体实施方式

以下结合说明书附图及具体实施例对本发明的技术方案做进一步的详细阐述。

如图1所示，本实施例提供一种动态网页的离线处理方法，应用于输出终端中，包括：

步骤S110：向服务器发送的第一数据请求；

步骤S120：从所述服务器接收基于所述第一数据请求返回的响应信息；所述响应信息，至少包括携带有动态元素的动态网页；其中，所述动态元素为按照预定输出时序输出信息和/或基于预定触发事件变化输出的信息元素；

步骤S130：保存所述响应信息；

步骤S140：当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息；其中，所述离线状态为所述输出终端与所述服务器之前的连接断开的状态；

步骤S150：基于查询的所述响应信息，输出所述动态网页。

在本实施例中所述动态网页的离线处理方法，应用于具有显示屏幕的输出终端中。所述显示屏幕可为液晶显示屏、电子墨水显示屏、有机发光二级管(OLED)显示屏或投影显示屏等显示设备，具体可为：手机、平板电脑、可穿戴式设备等。

执行上述步骤的执行组件可为浏览器内核。所述浏览器内核可为输出终端内用于负责对网页语法的解析和/或并渲染网页的功能组件；例如，所述浏览器内核，可如标准通用标记语言HTML的一个应用功能组件，或为JavaScript的应用功能组件。所述浏览器内核，可通过对网页语法的解析，使得网页能够正常显示；通过渲染使得网页显示出预定效果。

所述第一数据请求和第二数据请求，均可为来自调用所述浏览器内核的应用，例如，社交应用、购物应用，或者，专属的网页应用等。

在本实施例中，所述动态网页可为携带有动态元素的网页。所述动态元素可包括：音频、电子相册等按照一定输出时序输出的网页元素。例如，所述音频可为网页的背景音乐，还可为动态网页上某一个控件对应的操作音等。所述电子相册可包括：一种或多种图片的图像信息等。所述电子相册在显示的过程中，显示的图片会按照显示时序进行切换。在一些实施例中，所述电子相册还可包括：音频信息，所述音频信息可作为图片切换的背景音乐等。

在一些实施例中所述动态元素还可包括：位于网页上的控件；所述控件在被用户操作触发或者被网页内置代码触发之后会发生相应的变化，并触发网页其他网页元素发生变化等图形和/或文字信息。例如，在网页上显示一个控制网页上视频播放的控件，当点击到作用于该控件的操作，控件从第一形态变换成第二形态，同时触发网页中视频的播放。

图2所示，为一个包括电子相册的动态网页从T0时刻，到T1时刻，再到T2时刻的动态显示示意图。在图2中T0时刻的是一种汽车的照片，在T1时刻显示的一张人的头像。当然，图2仅是一个举例，但是具体实现时，不局限于该举例。

为了响应后续离线的第二数据请求，能够完整的输出整个动态网页。在本实施例中，所述浏览器内核会保存所有的响应信息，所述响应信息中包括整个动态网页的所有信息，例如，动态网页的图像信息、音频信息等需要呈现在页面上的素材信息及控制信息。这里的控制信息可至少包括：控制动态网页的显示及动态元素按照输出时序输出的信息。在本实施例中所述控制信息可为不呈现给显示界面上给用户看的后台信息，具体可为控制网页变化或运行的运行脚本和/或代码等信息。这些都是从网页的来源设备提供的，由输出终端内的浏览器内核运行这些控制信息，可以使得网页呈现原始的动态的变化。

在本实施例中若检测到第二数据请求之后，浏览器内核会本地查询对应的响应数据包，基于响应数据包中携带的素材信息及控制信息，本地生成可展现显示界面上的网页，并输出网页；而非本地读取保存的网页的输出结果直接输出。采用本实施例提供的方法，离线输出网页可为网页的原始形态，网页中的视频等动态元素是会按时序切换输出的，和/或网页中的控件是可以被操作。

例如，当所述输出终端与服务器之间建立有连接，这种连接可为长连接等，可是所述输出终端通过互联网连接到所述服务器，输出终端通过第一数据请求向服务器请求了动态网页A。在输出终端与服务器的连接断开，进入到离线状态之后，若基于用户操作产生了第二数据请求，若第二数据请求同样是请求动态网页A，若所述动态网页A被利用本实施例提供的离线处理方法进行了处理，即已经保存了在输出终端的本地存储区域，则在步骤S140中会基于第二数据请求，通过与第二数据请求的匹配，或通过第二数据请求携带的网页地址与响应信息对应的网页地址的匹配，确定出输出终端是否本地存储有所述响应信息，若存储有第二数据请求的动态网页，则直接从本地提取包括动态网页的所有原始数据的响应信息，离线显示所述动态网页。例如，如当前手机在没有接入到WiFi或没有进行数据连接的情况下，若在当前时刻以前，手机采用了图1所示的方法对动态网页A进行了存储，则手机在当前时刻还可以基于本地存储的动态网页的所有的响应信息，完整的显示所述动态网页。

在一些实施例中，在本实施例中，所述输出终端可以自动进行动态网页的自动保存，例如，所述输出终端可以根据配置文件进行自动缓存。所述配置文件可为基于用户指示生成的，或输出终端基于内置指令配置的。

例如，用户可能对某些应用，在离线状态下依然会时常查看，则基于用户指示，所述输出终端可配置生成白名单；所述白名单存储有自动保存的应用的应标识。所述白名单可为所述配置文件的一种。

比如，基于用户的操作，在微信等社交页面，通过所述浏览器内核打开一个动态网页B，若当前打开动态网页的应用是所述白名单中的应用，则所述应用在启动浏览器内核之后，会自动创建动态网页保存任务，触发所述浏览器内核自动保存所述动态网页B。则下一个时刻，若输出终端处于断网的离线状态，基于用户操作指示，还可以查看之前用户查看过的动态网页B，且该动态网页B中的所有动态元素都按照预设输出时序动态输出，不会损失动态元素。

在步骤S150中，会基于响应信息重新生成网页，并通过显示或投影的方式输出重新生成的网页。

在还有一些实施例中可如图3所示，所述步骤S130可包括:

步骤S101：检测离线存储指示；

步骤S102：基于所述离线存储指示，对应存储所述第一数据请求及所述响应信息到指定存储位置。

在本实施中所述离线存储指示，在所述动态网页的显示图层之上，还设置有检测所述离线存储指示的控件，当检测到用户作用于所述控件的点击操作、滑动操作等各种用户操作时，则认为需要执行所述动态网页的保存。显然在本实施例中是基于用户指示的自动保存，方便用户看到精彩内容，预计会在离线状态下进行查看的动态网页进行保存。这样一方面，相对于减少自动保存，可以减少保存的数据量，将少输出终端的存储空间的占据。另一方面，可以基于用户输入的离线存储指示进行保存，显然是更加能够满足用户需求的，是有针对性的存储。

在一些实施例中，所述响应信息可以在所述动态网页被查看后的预设时间内，自动保存在内存空间内，若预设时间内检测到第二数据请求，即进行离线查看时，所述输出终端会在本地的内存空间检索到所述响应信息进行输出，若超出所述预设时间，则自动清理所述响应信息。这样可以确保，所有的动态网页在被显示后的预设时间内，被离线查看时可以输出完整的网页内容，且通过自动清理，可以减少某些长期且不被查看的响应信息占用内存空间，导致内存空间的资源紧张等问题。

在本实施例中为了避免存储在内存或存储在缓存中，出现掉电之后响应信息丢失的现象，所述指定存储地址可指向所述输出终端中非瞬间存储介质的一个存储位置。

在图3中，步骤S101在步骤S120之后执行，在具体实现时，所述步骤S101与所述步骤S120之间没有一定的先后顺序，例如，在一边接收所述响应信息，一般在线显示，一边从人机交互接口接收所述离线存储指示。

图4为一种在线显示动态网页的显示图层之上，显示有检测用户输入的离线存储指示的控件，图4中所示的控件中显示有文字“离线存储”，当然此处为一种检测用户输入的离线存储指示的方式，具体实现时有很多种，不局限于该种。

在一些实施例中，所述指定存储地址与当前打开所述动态网页的具有映射关系，这样的话，用户可以不手动输入地址，可以根据当前应用的配置信息，简便的确定出所述动态网页的离线保存地址。当然，这里仅是举例，实现方式有很多种，具体实现时，不局限于这一种。

可选地，所述步骤S140可包括：

将所述第二数据请求与所述第一数据请求进行匹配；

从所述指定存储位置读取将与所述第二数据请求匹配的所述第一数据请求对应的响应信息。

一方面，所述输出终端内存储不止一个动态网页的响应信息，需要满足正确的响应用户当前的离线查看的需求，在本实施例中所述第一数据请求和所述第二数据请求进行匹配。而这里的第一数据请求和第二数据请求的产生，都是基于用户在输出终端的人机交互操作产生的，若是对同一动态网页进行数据请求，则第一数据请求和所述第二数据请求应该是一致，或者，第一数据请求和第二数据请求中携带的指示所述动态网页的网页地址是一致的。故在本实施例中将所述第一数据请求和所述第二数据请求，若至少第一数据请求和第二数据请求中的网页地址匹配，则可认为两个数据请求相互匹配，则可以认为与该第二数据请求对应的响应信息，为第二数据请求指向的动态网页的响应信息，利用该响应信息，可以完整的输出所述动态网页，这里的完整输出不仅包括：动态网页的显示信息的完整输出，还可包括：音频信息的完整输出等。

另一方面，在本实施例中一个网页的输出，通常是伴随着一组数据请求的，即所述第一数据请求及所述第二数据请求的请求个数都可能不为1，可为2或2以上的个数。在本实施例中通过第一数据请求和第二数据请求的匹配，可以知道当前需要输出动态网页的哪一个部分。

例如，所述第一数据请求和所述第二数据请求均包括M个；则将第m个第二数据请求与所述M个所述第一数据请求进行匹配，选择出与第m个数据请求匹配德第一数据请求对应的响应数据，作为当前输出对应动态网页的原始信息。在一些实施例中，当所述第一数据请求对应为多个数据请求的集合时，该集合内的所有数据请求，可以依照当初输出该动态网页时的数据请求的时序，依次存储，这样后续在匹配所述第一数据请求及所述第二数据请求时，可以将所述第二数据请求与所述第一数据请求顺序匹配。例如，当接收到第m个第二数据请求时，优先与第m个第一数据请求进行匹配，这样就减少输出终端中数据的匹配次数，提升匹配效率。

可选地，所述步骤S102，包括：

将对应的所述第一数据请求及所述响应信息进行数据压缩，形成压缩后的离线文件；

将所述压缩后的离线文件存储到所述指定存储位置。在本实施例中首先对所述第一数据请求和所述响应信息进行数据压缩，形成压缩后的所述离线文件，通过压缩，可以减少存储所述响应信息所需的存储空间。

所述步骤S140可包括：

解压所述离线文件，以获得所述第一数据请求及所述响应信息；

将所述第二数据请求与所述第一数据请求进行匹配；

从所述指定存储位置读取将与所述第二数据请求匹配的所述第一数据请求对应的响应信息。

若对应的所述第一数据请求及所述响应信息，通过压缩存储形成了离线文件，则在基于响应信息进行动态网页显示时，首先需解压所述离线文件。在所述离线文件解压成功之后，再将所述第二数据请求与所述第一数据请求进行匹配，选择与所述第二数据请求匹配成功的第一数据请求的响应信息，作为本次动态网页的离线输出的原始数据。

在一些实施例中，所述离线文件可包括：分离第一部分和第二部分；

所述第一部分，用于存储所述第一数据请求与其对应的响应信息的资源地址的对应关系，或所述第一数据请求与其对应的响应信息的资源地址的跳转指针或跳转地址，可以所述跳转地址或跳转指针，直接跳转到对应的响应信息的存储位置。

所述第二部分，用于在对应的存储地址存储所述响应信息。

这样在后续进行第二数据请求及第一数据请求匹配时，可以仅将所述第二数据请求与所述第一部分进行匹配，再基于与第一部分的匹配结果，读取所述响应信息。

可选地，所述方法还包括：

将所述动态网页的网页地址存储到索引文件；

所述当检测到离线状态下发送的所述第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息，包括：

当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求携带的网页地址查询所述索引文件；

当所述第二数据请求携带的网页地址位于所述索引文件中时，基于所述第二数据请求查询本地存储的所述响应信息。

在本实施例中还会生成索引文件，该索引文件中至少包括动态网页的网页地址，若在离线状态下，首次请求动态网页时，则对应的第二数据请求中会携带所述动态网页在服务器中的存储地址(即所述网页地址)，在本实施例中通过索引文件进行存储，则在离线状态下接收到对某一个网页的首个数据请求时，则查询所述索引文件，若该索引文件包括所述网页地址，则基于从本地读取对应的响应信息。

在一些实施例中，所述索引文件也可以压缩存储，在进行与所述第一数据请求携带的网页地址进行匹配时，需要先进行所述索引文件解压，若索引文件解压和/或离线文件解压成功之后，再将所述第二数据请求与所述第一数据请求进行匹配，依次显示所述响应信息对应的动态网页的各个部分。

在一些实施例中，所述将所述动态网页的网页地址存储到索引文件，包括：

将所述动态网页的网页地址及指定存储位置的本地资源地址，存储到索引文件；

所述步骤S140可包括：

当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求携带的网页地址查询所述索引文件；

当所述第二数据请求携带的网页请求位于所述索引文件中时，从与所述第二数据请求携带的网页地址对应的本地资源地址，读取包括所述第一数据请求及所述响应信息的离线文件；

在解压所述离线文件后，读取与所述第二数据请求匹配的第一数据请求的响应信息

在本实施例中所述索引文件中还存储有对应的动态网页的本地资源地址，如一旦一个第二数据请求携带的网页地址位于所述索引文件中，就可以从该索引文件中获得对应的本地资源地址，定位到所述离线文件或响应信息；若定位到的是离线文件，则需要先解压所述离线文件。在解压所述离线文件的解压之后码，再结合第一数据请求和第二数据请求的匹配，获得对应的响应信息进行输出。

可选地，所述将所述动态网页的网页地址存储到索引文件，包括：

将打开所述动态网页的浏览器内核的属性信息及所述网页地址，存储到所述索引文件中；

所述当所述第二数据请求携带的网页地址位于所述索引文件中时，基于所述第二数据请求查询本地存储的所述响应信息，包括：

利用与所述属性信息相匹配的浏览器内核，基于所述第二数据请求查询本地存储的所述响应信息。

在本实施例中所述索引文件中还包括：保存所述响应信息时使用的浏览器内核的属性信息，这样后续在响应离线查看对应的第二数据请求时，会选择与所述属性信息相适配的浏览器内核进行处理，避免使用与所述属性信息的浏览器内核，进行动态网页的离线查看导致的输出异常的问题。

可选地，所述方法还包括：

存储输出所述动态网页的浏览器内核的属性信息；其中，所述属性信息，用于在响所述第二数据请求时，利用与所述属性信息相适配的浏览器内核基于所述响应信息，离线显示所述动态网页。

在本实施例中所述属性信息，可存储所述索引文件中，也可以直接存储在所述离线文件等任意一个文件中，只需要存储下来方便后续选择合适的浏览器内核进行动态网页的离线查看即可。

在一些实施例中，所述属性信息，包括所述浏览器内核的版本信息。所述版本信息可为版本号等，不同版本号的浏览器内核的处理功能可能会有差异，为了避免这种差异导致的输出异常，会选择同一个版本的浏览器内核进行动态网页的离线显示，或者，选择与原始显示该动态网页相兼容的版本的浏览器内核进行动态网页的显示。

在一些实施例中，所述属性信息还可包括：厂商信息，所述厂商信息可为开发所述浏览器内核的信息。

在一些实施例中，所述属性信息还可包括：浏览器的类型信息，例如，双核浏览器内核及单核浏览器内核等。

所述属性信息可以包括上述信息中的一个或多个，具体实现时，不局限于上述具体举例。

如图5所示，本实施例提供一种动态网页的离线处理装置，应用于输出终端中，包括：

发送单元110，用于向服务器发送的第一数据请求；

接收单元120，用于从所述服务器接收基于所述第一数据请求返回的响应信息；所述响应信息，至少包括携带有动态元素的动态网页；其中，所述动态元素为按照预定输出时序输出信息和/或基于预定触发事件变化输出的信息元素；

存储单元130，用于保存所述响应信息；

查询单元140，用于当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息；其中，所述离线状态为所述输出终端与所述服务器之前的连接断开的状态；

输出单元150，用于基于查询的所述响应信息，输出所述动态网页。

本实施例提供动态网页的离线处理装置，可为应用于输出终端中信息处理装置，所述输出终端可为手机、平板电脑、台式电脑或笔记本电脑等各种类型的电脑。

所述发送单元110及接收单元120可对应于输出终端的通信接口，例如，无线网络接口或有线接口，可通过与服务器的直连，或通过互联网等与服务器之间建立连接，并同于服务器之间的连接进行信息交互，这里的信息包括：第一数据请求及所述响应信息。

所述存储单元130可包括存储介质，在本实施例中所述存储介质可为非瞬间存储介质，可用于供所述浏览器内核存储所述响应信息。

所述查询单元140可对应于处理器或处理电路。所述处理器可为中央处理器(CPU)、微处理器(MCU)、数字信号处理器(DSP)、应用处理器(AP)、可编程阵列(PLC)等各种处理器。所述处理电路可包括：专用集成电路(ASIC)。

所述处理器或处理电路，可通过计算机程序等计算机可执行指令，实现上述查询单元的功能。

所述输出单元150可对应于多媒体输出结构，例如，显示器和/或扬声器等音频输出模组，可以输出所述动态网页。

在本实施例中提供的动态网页的离线处理装置，将会完整的保存所述动态网页的所有响应信息，这样的话，后续进行离线输出时，就不会如现有快照的方式，仅是保存某一个时刻的显示效果图，导致的音频信息或其他时刻点的显示信息的输出，从而实现了整个完整的动态网页的完整输出，避免了离线显示的信息遗漏和丢失，提升了动态网页的离线显示效果，提升了用户离线查看离线保存的动态网页的满意度。

可选地，所述存储单元130，具体用于检测离线存储指示；基于所述离线存储指示，对应存储所述第一数据请求及所述响应信息到指定存储位置。

在本实施例中所述存储单元130会在检测离线存储指示之后，基于离线存储指示，将第一数据请求及对第一数据请求对应的响应信息对一个存储在指定存储位置。该指定存储位置为输出终端中文件系统中的一个存储区域，例如，文件系统的默认存储区域，方便操作系统的浏览器内核在响应离线请求时，基于系统默认设置等快速定位到所述第一数据请求及响应数据。

在一些实施例中，所述查询单元140，具体用于将所述第二数据请求与所述第一数据请求进行匹配；从所述指定存储位置读取将与所述第二数据请求匹配的所述第一数据请求对应的响应信息。

在本实施例中，在响应输出终端处于离线状态下的第二数据请求时，将所述第二数据请求与第一数据请求，从而可以确定出当前第二数据请求想要请求的响应信息，并将所述响应信息返回给浏览器内核，经过浏览器内核的解析和/或渲染等处理，由所述输出单元150完整输出的动态网页。

可选地，所述存储单元130，具体用于将对应的所述第一数据请求及所述响应信息进行数据压缩，形成压缩后的离线文件；将所述压缩后的离线文件存储到所述指定存储位置；

所述查询单元140，具体用于解压所述离线文件，以获得所述第一数据请求及所述响应信息；在所述离线文件成功后，将所述第二数据请求与所述第一数据请求进行匹配；从所述指定存储位置读取将与所述第二数据请求匹配的所述第一数据请求对应的响应信息。

在本实施例中，所述存储单元130不仅会对应存储所述第一数据请求和响应信息，并且会对数据进行压缩，形成压缩后的离线文件，这样就可以减少所需的存储空间。

这样后续在响应第二数据请求时，需要由所述查询单元140先解压离线文件，然后进行两个数据请求的匹配，从而确定出响应第二数据请求的响应信息。

可选地，所述存储单元130，还用于将所述动态网页的网页地址存储到索引文件；所述查询单元140，具体用于当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求携带的网页地址查询所述索引文件；当所述第二数据请求携带的网页地址位于所述索引文件中时，基于所述第二数据请求查询本地存储的所述响应信息。

在本实施例中所述存储单元130还会存储有动态网页的网页地址的索引文件，方便后续接收到第一个第二数据请求时，可以通过与索引文件的匹配，简便快速简便的确定出当前第二数据请求指向的是哪一个离线保存的动态网页。

在另一些实施例中，所述存储单元130，具体用于将所述动态网页的网页地址及指定存储位置的本地资源地址，存储到索引文件；所述查询单元140，具体用于当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求携带的网页地址查询所述索引文件；当所述第二数据请求携带的网页请求位于所述索引文件中时，从与所述第二数据请求携带的网页地址对应的本地资源地址，读取包括所述第一数据请求及所述响应信息的离线文件；在解压所述离线文件后，读取与所述第二数据请求匹配的第一数据请求的响应信息。

在本实施例中所述索引文件中还包括有本地离线存储动态网页的资源地址，这样可以通过与检索文件的匹配，可以快速获得资源地址，并到资源地址获得离线文件和/或非压缩存储的响应数据等。

在另一些实施例中，所述存储单元130，具体用于将打开所述动态网页的浏览器内核的属性信息及所述网页地址，存储到所述索引文件中；所述查询单元140，具体用于利用与所述属性信息相匹配的浏览器内核，基于所述第二数据请求查询本地存储的所述响应信息。

在本实施例中会利用与所述属性信息相匹配的浏览器内核，基于第二数据请求查询本地的响应信息，从而减少由于浏览器内核的自身功能的不支持导致的离线显示的异常。

在本实施例中，所述浏览器内核可为应用于处理器或处理电路上的一个功能组件。

可选地，所述存储单元130，还用于存储输出所述动态网页的浏览器内核的属性信息；其中，所述属性信息，用于在响所述第二数据请求时，利用与所述属性信息相适配的浏览器内核基于所述响应信息，离线显示所述动态网页。

在本实施例中，所述属性信息可是存储索引文件中的，也可以存储到其他文件中的，若存储在索引文件中，则在确定当前第二数据请求指向的动态网页时，就通过获得需要哪一种属性信息的浏览器内核来进行动态网页的离线输出。

可选地，所述属性信息，包括所述浏览器内核的版本信息、所述浏览器内核的厂商信息及所述浏览器内核的类型信息的至少其中之一。

当然具体实现时，不局限于版本信息你、厂商信息及类型信息中的任意一种等。

如图6所示，本实施例还提供一种输出终端，包括：

输出模组210，用于输出信息；

存储模组220，用于存储信息；

处理模组230，分别与所述输出模组210及所述存储模组220相连，用于通过执行计算机程序的执行，实现前述任意一个技术方案提供的动态网页的离线处理方法，例如，可如图1和/或图3所示的方法。

所述输出模组210可包括显示器等显示输出模块及扬声器等音频输出模块。输出模组210可用于在线或离线输出动态网页。在图6中仅显示了输出模组210中的显示屏，在具体实现时，还可包括扬声器等音频输出模块。

所述存储模组220，可用于存储计算机程序及响应信息等，具体可包括各种存储介质，例如，只读存储介质或闪存等，可选为非瞬间存储介质。

所述处理模组230可包括：CPU、MCU、DSP、PLC、AP及ASIC中的一个或多个。

所述处理模组230通过计算机程序等计算机可执行指令的执行实现前述的一个或多个所述动态网页的离线处理方法。

在本实施例中所述处理模组230与所述输出模组210相连，例如，可以通过输出终端中的总线240连接，所述总线可为集成电路(IIC)总线等，可以实现所述处理模组230及所述输出模组210之间的数据及指令的交互，从而使得处理模组230可通过控制指令，控制输出模组210在线和/或离线输出动态网页。

本实施例还提供另一种输出终端，包括：处理器、存储器及计算机程序；计算机程序存储在存储器上，处理器与存储器连接，例如，通过集成电路总线等终端内部总线连接。

所述处理器，用于通过执行所述计算机程序，实现前述任意一个技术方案提供的动态网页的离线处理方法，例如，可为图1、图3、图7及图8至少其中之一所示的动态网页的离线处理方法。

在本实施例中所述计算机程序，可为操作系统内的计算机程序，也可以是安装在操作系统内的专有应用。

在本实施例中所述处理器，可为前述CPU、MCU、DSP、AP或PLC等各种处理器，可以通过安装及执行计算机程序，实现前述一个或多个技术方案对应的动态网页的离线处理方法，例如，可为图1、图3、图7及图8至少其中之一所示的动态网页的离线处理方法。

在一些实施例中提供一种计算机存储介质，所述计算机存储介质存储有计算机程序；所述计算机程序被执行后，实现前述任意一个技术方案提供的动态网页的离线处理方法，例如，可为图1、图3、图7及图8至少其中之一所示的动态网页的离线处理方法。

在本实施例中所述计算机程序可为各种代码撰写的计算机程序，例如，C语言撰写的计算程序，在例如，Java语言撰写计算机程序，再例如，html语言撰写的计算机程序，例如，html5撰写的浏览器内核等。

以下结合上述实施例提供几个具体示例：

示例1：

本示例中，应用(APP)以QQ浏览器为代表。QQ浏览器在保存动态页面之前，首先需要创建独立网络视图(webview)，并设置webview的录制属性为“真”。

当这个新创建的webview再去下载任意统一资源地址(URL)时，首先会去网络请求数据，数据返回内核时，内核会将这个请求的及返回的数据写到内核的磁盘(diskcache)中(diskcache可以理解成文件系统)。

这个请求返回数据的过程可以是多次，但都会记录到diskcache中，直到用户点击了保存页面按钮之后，QQ浏览器再调用X5内核的saveDynamicPageToDisk接口，X5内核会将之前记录信息压缩打成zip作为离线文件。在这个压缩文件中中除了页面资源文件，还有一个索引文件记录了动态网页的网页地址，(例如，X5-URL)及版本信息，X5-URL为动态页面的原始链接。版本信息为保存该动态离线页面的内核版本信息。

具体可如图7所示，本示例包括：

步骤S1：应用线程启动浏览器内核，具体如，通过创建网络视图启动来浏览器内核；应用线程为微信或微博等应用的线程。

步骤S2：打开X5内核接口，相当于触发浏览器内核启动录制线程，预备好对动态网页的录制；

步骤S3：打开网页；

步骤S4：内核线程加载网页的URL，即从应用线程接收请求打开的网页的统一资源地址；

步骤S5：网络线程将发送数据请求，该数据请求可为携带有上述URL的请求；

步骤S6：网络线程会接收到服务器返回的响应信息；

步骤S7：录制线程会对应录制数据请求及响应信息，即对应存储数据请求和响应信息；

步骤S8：应用线程接收离线存储指示；

步骤S9：压缩打包并存储录制的信息。

在本示例中所述内核线程、网络线程及录制线程都为浏览器运行的线程，而应用线程为具体的打开网页的应用运行的线程。

示例2：

当用户从QQ浏览器的文件系统中，打开之前保存的动态页面离线文件时，内核首先尝试解压该离线文件，当解压成功并且索引文件中的版本也正常时，内核便会取出索引文件中的X5-URL将其作为下载地址去本地解压目录中请求资源，直到页面展示出来所有请求结束。为了保证安全，离线文件被打开后当前页面的所有请求自动与网络断开，都只会从本地加载，

如图8所示，本示例可包括：

步骤S1：应用线程启动浏览器内核，具体如，通过创建网络视图启动来浏览器内核；

步骤S2：打开X5内核接口，相当于触发浏览器内核启动录制线程，预备好对动态网页的录制；

步骤S3：打开网页；

步骤S4：内核线程加载网页的URL，即从应用线程接收请求打开的网页的统一资源地址；

步骤S51：回放线程解压离线文件，这里的离线文件即为前述步骤S9中压缩并存储的录制信息形成的；

步骤S61：内核线程向回放线程发送数据请求；

步骤S71：回放线程匹配数据请求；

步骤S81：回放线程向内核线程提供响应信息；

步骤S91：内核线程输出动态网页，这里为基于回放线程提供的响应信息，离线输出所述动态网页，内核线程在输出网页之前，需要根据响应信息生成网页。

在本示例中浏览器内核执行的线程包括：内核线程及回放线程。总之，内核线程可为应用线程对接的浏览器内的运行线程。

上述示例1和示例2中的应用可为QQ或微信或微博等社交应用，还可以是百度等搜索引擎应用。例如，目前在微信中，音乐相册的访问和传播量相当大，不少用户有保存音乐相册到本的诉求，在QQ浏览器中X5内核实现了动态页面离线保存技术可以让用户通过QQ浏览器来实现保存音乐相册。一方面服务了用户，另外还可以带动QQ浏览器的活跃与新增。

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

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

另外，在本发明各实施例中的各功能单元可以全部集成在一个处理模块中，也可以是各单元分别单独作为一个单元，也可以两个或两个以上单元集成在一个单元中；上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储设备、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

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

Claims (14)

1.一种动态网页的离线处理方法，其特征在于，应用于输出终端中，包括：

向服务器发送的第一数据请求；

从所述服务器接收基于所述第一数据请求返回的响应信息；所述响应信息，至少包括携带有动态元素的动态网页；其中，所述动态元素为按照预定输出时序输出信息和/或基于预定触发事件变化输出的信息元素；

保存所述响应信息；

当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息；其中，所述离线状态为所述输出终端与所述服务器之前的连接断开的状态；

基于查询的所述响应信息，输出所述动态网页。

2.根据权利要求1所述的方法，其特征在于，

保存所述响应信息，包括：

检测离线存储指示；

基于所述离线存储指示，对应存储所述第一数据请求及所述响应信息到指定存储位置。

3.根据权利要求2所述的方法，其特征在于，

所述当检测到离线状态下发送的所述第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息，包括：

将所述第二数据请求与所述第一数据请求进行匹配；

从所述指定存储位置读取将与所述第二数据请求匹配的所述第一数据请求对应的响应信息。

4.根据权利要求2所述的方法，其特征在于，

所述基于所述离线存储指示，对应存储所述第一数据请求及所述响应信息到指定存储位置，包括：

将对应的所述第一数据请求及所述响应信息进行数据压缩，形成压缩后的离线文件；

将所述压缩后的离线文件存储到所述指定存储位置；

所述当检测到离线状态下发送的所述第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息，包括：

解压所述离线文件，以获得所述第一数据请求及所述响应信息；

在所述离线文件成功后，将所述第二数据请求与所述第一数据请求进行匹配；

从所述指定存储位置读取将与所述第二数据请求匹配的所述第一数据请求对应的响应信息。

5.根据权利要求1至4任一项所述的方法，其特征在于，

所述方法还包括：

将所述动态网页的网页地址存储到索引文件；

所述当检测到离线状态下发送的所述第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息，包括：

当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求携带的网页地址查询所述索引文件；

当所述第二数据请求携带的网页地址位于所述索引文件中时，基于所述第二数据请求查询本地存储的所述响应信息。

6.根据权利要求5所述的方法，其特征在于，

所述将所述动态网页的网页地址存储到索引文件，包括：

将所述动态网页的网页地址及指定存储位置的本地资源地址，存储到索引文件；

所述当检测到离线状态下发送的所述第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息，包括：

当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求携带的网页地址查询所述索引文件；

当所述第二数据请求携带的网页请求位于所述索引文件中时，从与所述第二数据请求携带的网页地址对应的本地资源地址，读取包括所述第一数据请求及所述响应信息的离线文件；

在解压所述离线文件后，读取与所述第二数据请求匹配的第一数据请求的响应信息。

7.根据权利要求5所述的方法，其特征在于，

所述将所述动态网页的网页地址存储到索引文件，包括：

将打开所述动态网页的浏览器内核的属性信息及所述网页地址，存储到所述索引文件中；

所述当所述第二数据请求携带的网页地址位于所述索引文件中时，基于所述第二数据请求查询本地存储的所述响应信息，包括：

利用与所述属性信息相匹配的浏览器内核，基于所述第二数据请求查询本地存储的所述响应信息。

8.根据权利要求1至6任一项所述的方法，其特征在于，

所述方法还包括：

存储输出所述动态网页的浏览器内核的属性信息；其中，所述属性信息，用于在响所述第二数据请求时，利用与所述属性信息相适配的浏览器内核基于所述响应信息，离线显示所述动态网页。

9.根据权利要求7所述的方法，其特征在于，

所述属性信息，包括所述浏览器内核的版本信息、所述浏览器内核的厂商信息及所述浏览器内核的类型信息的至少其中之一。

10.根据权利要求1所述的方法，其特征在于，

所述响应信息包括：所述动态网页需要呈现的元素的素材信息以及控制所述素材信息输出的控制信息。

11.一种动态网页的离线处理装置，其特征在于，应用于输出终端中，包括：

发送单元，用于向服务器发送的第一数据请求；

接收单元，用于从所述服务器接收基于所述第一数据请求返回的响应信息；所述响应信息，至少包括携带有动态元素的动态网页；其中，所述动态元素为按照预定输出时序输出信息和/或基于预定触发事件变化输出的信息元素；

存储单元，用于保存所述响应信息；

查询单元，用于当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求查询本地存储的所述响应信息；其中，所述离线状态为所述输出终端与所述服务器之前的连接断开的状态；

输出单元，用于基于查询的所述响应信息，输出所述动态网页。

12.根据权利要求11所述的装置，其特征在于，

所述存储单元，还用于将所述动态网页的网页地址存储到索引文件；

所述查询单元，具体用于当检测到离线状态下生成的第二数据请求时，基于所述第二数据请求携带的网页地址查询所述索引文件；当所述第二数据请求携带的网页地址位于所述索引文件中时，基于所述第二数据请求查询本地存储的所述响应信息。

13.一种输出终端，包括：处理器、存储器及存储在所述存储器上并由所述处理器执行的计算机程序；

所述处理器，与所述存储器连接，用于通过执行所述计算机程序，实现上述权利要求1至10任一项提供的动态网页的离线处理方法。

14.一种计算机存储介质，所述计算机存储介质存储有计算机程序；所述计算机程序被执行后，能够实现上述权利要求1至10任一项提供的动态网页的离线处理方法。