CN108153778B - 网页保存方法、网页读取方法及装置 - Google Patents

Abstract

本发明公开了一种网页保存方法、网页读取方法及装置，属于互联网技术领域。所述方法包括：接收对目标网页的离线保存指令；通过网页保存插件获取目标网页中的至少两个页面数据内容的交互关系，交互关系用于指示页面数据内容在接收到用户操作时的切换逻辑；通过网页保存插件将目标网页中的至少两个页面数据内容和交互关系保存为预定网页文件。本发明解决了在离线阅读保存的H5网页时，只能显示该H5网页的一个页面数据内容，而不能够根据用户与页面数据内容的交互操作来切换至该H5网页的其他页面数据内容的问题，使得用户在阅读离线保存的网页时，能够通过与页面数据内容的交互操作来切换到其他页面数据内容。

Description

网页保存方法、网页读取方法及装置

技术领域

本发明实施例涉及互联网技术领域，特别涉及一种网页保存方法、网页读取方法及装置。

背景技术

网页离线保存是将网页的网页文件保存至本地，使得在离线状态下依然能够阅读网页的方式。网页文件是包含HTML(HyperText Markup Language，超文本标记语言)标签、文字、图片、音频、视频等资源的文件。

目前，网页离线保存是通过浏览器将一个网页中的图片、文字、CSS(CascadingStyle Sheets，层叠样式表)文件、HTML文件等资源下载并保存为以mht为扩展名的网页文件。以H5(HTML 5)网页为例，当需要保存一个H5网页时，浏览器将H5网页中的文字、图片、CSS文件、HTML文件等所有资源保存到一个以mht为扩展名的网页文件中。

由于H5网页具有强交互特性，一个H5网页中可包括多个页面数据内容，各个页面数据内容之间存在交互关系。以使用H5网页实现的音乐相册为例，一个音乐相册中包含5个页面数据内容，用户通过左右滑动可以在该H5网页的不同页面数据内容之间进行切换。但是通过上述方法将音乐相册的H5网页保存后，在离线阅读该H5网页时，只能显示该H5网页在保存时显示的一个页面数据内容，而不能够根据用户与页面数据内容的交互操作来切换至该H5网页的其它页面数据内容。

发明内容

为了解决现有技术中在保存具有强交互特性的H5网页后，在离线阅读保存的H5网页时，只能显示该H5网页在保存时显示的一个页面数据内容，而不能够根据用户与页面数据内容的交互操作来切换至该H5网页的其他页面数据内容的问题，本发明实施例提供了一种网页保存方法、网页读取方法及装置。所述技术方案如下：

第一方面，提供了一种网页保存方法，所述方法包括：

接收对目标网页的离线保存指令；

通过网页保存插件获取所述目标网页中的至少两个页面数据内容的交互关系，所述交互关系用于指示所述页面数据内容在接收到用户操作时的切换逻辑；

通过所述网页保存插件将所述目标网页中的至少两个页面数据内容和所述交互关系保存为预定网页文件。

第二方面，提供了一种网页读取方法，所述方法包括：

获取目标网页的预定网页文件；

通过网页保存插件从所述预定网页文件中，获取所述目标网页中的至少两个页面数据内容和所述至少两个页面数据内容的交互关系，所述交互关系用于指示所述页面数据内容在接收到用户操作时的切换逻辑；

显示所述目标网页中的所述页面数据内容；

在接收到用户操作时，根据所述至少两个页面数据内容的所述交互关系对所述页面数据内容进行切换。

第三方面，提供了一种网页保存装置，所述装置包括：

接收模块，用于接收对目标网页的离线保存指令；

获取模块，用于通过网页保存插件获取所述目标网页中的至少两个页面数据内容的交互关系，所述交互关系用于指示所述页面数据内容在接收到用户操作时的切换逻辑；

保存模块，用于通过所述网页保存插件将所述获取模块获取的所述目标网页中的至少两个页面数据内容和所述交互关系保存为预定网页文件。

第四方面，提供了一种网页读取装置，所述装置包括：

第一获取模块，用于获取目标网页的预定网页文件；

第二获取模块，用于通过网页保存插件从所述第一获取模块读取的所述预定网页文件中，获取所述目标网页中的至少两个页面数据内容和所述至少两个页面数据内容的交互关系，所述交互关系用于指示所述页面数据内容在接收到用户操作时的切换逻辑；

第一显示模块，用于显示所述目标网页中的所述页面数据内容；

切换模块，用于在接收到用户操作时，根据所述至少两个页面数据内容的所述交互关系对所述第一显示模块显示的所述页面数据内容进行切换。

本发明实施例提供的技术方案带来的有益效果是：

通过网页保存插件将网页的多个页面数据内容和多个页面数据内容之间的交互关系保存为预定网页文件，由于保存了多个页面数据内容之间的交互关系，使得在阅读保存的网页时，能够通过网页保存插件恢复出多个页面数据内容之间的交互关系；从而使得用户在阅读离线保存的网页时，依然能够通过与页面数据内容的交互操作在该网页的不同页面数据内容之间进行切换。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明一个实施例中提供的网页保存方法的方法流程图；

图2是本发明一个实施例中提供的网页读取方法的方法流程图；

图3A是本发明另一个实施例中提供的网页保存方法的方法流程图；

图3B是本发明一个实施例中提供的示意性的网页保存方法的原理图；

图4A是本发明另一个实施例中提供的网页读取方法的方法流程图；

图4B是本发明一个实施例中提供的更新请求的提示窗口的示意图；

图4C是本发明一个实施例中提供的示意性的网页读取方法的原理图；

图5A是本发明部分实施例所涉及的实施环境的示意图；

图5B是本发明部分实施例所涉及的网页保存流程的示意图；

图5C是本发明部分实施例所涉及的网页读取流程的示意图；

图6是本发明一个实施例中提供的网页保存装置的结构方框图；

图7是本发明一个实施例中提供的网页读取装置的结构方框图；

图8是本发明部分实施例所涉及的硬件装置的结构方框图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

当用户希望在离线状态下依然能够阅读网页时，可以将网页离线保存下来，现有技术中能够实现网页中单个页面数据内容(保存时所显示的页面数据内容)的保存，当一个网页中包含多个页面数据内容时，可以采用如图1所示的网页保存方法来实现。

图1是本发明一个实施例中提供的网页保存方法的方法流程图。本实施例以该网页保存方法应用于具备网页浏览功能的终端中来举例说明，该终端中安装有浏览器或具有网页浏览功能的第三方应用程序。如图1所示，该网页保存方法包括：

步骤101，接收对目标网页的离线保存指令。

在实际应用中，当用户希望在离线状态下依然能够阅读网页时，会通过触发相关控件来离线保存该网页，比如触发浏览器中的保存网页的选项控件。当保存网页的控件被触发时，终端会接收到对该网页的离线保存指令。

目标网页即用户希望离线保存的网页。

步骤102，通过网页保存插件获取目标网页中的至少两个页面数据内容的交互关系。

页面数据内容是指通过网页向用户展示的内容，页面数据内容中包括页面的各种资源，比如图片、文档、视频、音乐、CSS文件、HTML文件、js(JavaScript)文件、ajax(Asynchronous Javascript And XML)文件等。

交互关系用于指示页面数据内容在接收到用户操作时的切换逻辑。切换逻辑包括单个页面数据内容的切换逻辑和/或多个页面数据内容之间的切换逻辑。比如，用户向左滑动，显示的页面数据内容由当前页面数据内容切换为下一个页面数据内容；再比如，页面数据内容包括控制音乐播放的控件，用户通过触发该控件，可以控制网页中音乐的播放或停止。

在一种可能的实现方式中，网页中包含至少两个页面数据内容。以H5网页为例，一个H5网页中可以包括多个页面数据内容，各个页面数据内容之间存在交互关系，用户可以通过类似左右滑动的交互操作在H5网页的不同页面数据内容之间进行切换。

网页保存插件是指用于网页离线保存与读取离线保存的网页的程序。可选地，网页保存插件是service worker。

在一种可能的实现方式中，第三方应用程序通过安装该网页保存插件，可以在未安装浏览器的情况下实现离线保存网页的功能。

步骤103，通过网页保存插件将目标网页中的至少两个页面数据内容和交互关系保存为预定网页文件。

网页保存插件在保存网页的各个页面数据内容时，会保存各个页面数据内容中包括的全部资源，比如文字、图片、视频、音乐、CSS文件、HTML文件等。

网页保存插件除了保存网页的各个页面数据内容之外，还会保存页面数据内容的交互关系，以便于在用户读取离线网页时，网页保存插件能够根据页面数据内容的交互关系将网页恢复成能够对用户操作进行响应的状态。

在网页保存插件获取到至少两个页面数据内容的交互关系后，网页保存插件将该网页的各个页面数据内容、以及各个页面数据内容的交互关系保存为预定网页文件。

可选地，预定网页文件为以mht为扩展名的mht文件。

可选地，网页保存插件在保存预定网页文件时，会向预定网页文件中添加预定标识，用来表明保存的mht文件是通过网页保存插件保存的，且该mht文件中存储有页面数据内容和页面数据内容的交互关系。可选的，预定标识是mht文件的命名方式或mht文件的图标。本实施例不对预定标识的具体实现方式进行限定。

综上所述，本发明实施例提供的网页保存方法，通过网页保存插件将网页的多个页面数据内容和多个页面数据内容之间的交互关系保存为预定网页文件，由于保存了多个页面数据内容之间的交互关系，使得在阅读保存的网页时，能够通过网页保存插件恢复出多个页面数据内容之间的交互关系；从而使得用户在阅读离线保存的网页时，依然能够通过与页面数据内容的交互操作在该网页的不同页面数据内容之间进行切换。

当通过图1所示的网页保存方法将网页保存后，用户可以在离线状态下阅读离线保存的网页，对于保存的预定网页文件的读取，可以通过如图2所示的网页读取方法来实现。

图2是本发明一个实施例中提供的网页读取方法的方法流程图。本实施例以该网页读取方法应用于具备网页浏览功能的终端中来举例说明，该终端中安装有浏览器或具有网页浏览功能的第三方应用程序。如图2所示，该网页读取方法包括：

步骤201，获取目标网页的预定网页文件。

可选地，预定网页文件是通过图1所示的网页保存方法保存的mht文件。

在实际应用中，在读取保存的mht文件时，需要判断保存的mht文件是否为预定网页文件，即识别保存的mht文件是否具备预定网页文件的预定标识。比如，识别保存的mht文件的命名方式是否为预定网页文件的命名方式，或者，识别保存的mht文件的图标是否为预定网页文件的图标。

若保存的mht文件不是通过图1所示的网页保存方法保存的预定网页文件，则按照现有技术中所提供的读取普通mht文件的方式直接打开mht文件。

若保存的mht文件为通过图1所示的网页保存方法保存的预定网页文件，则执行步骤202。

步骤202，通过网页保存插件从预定网页文件中，获取目标网页中的至少两个页面数据内容和至少两个页面数据内容的交互关系。

交互关系用于指示页面数据内容在接收到用户操作时的切换逻辑。切换逻辑包括单个页面数据内容的切换逻辑和/或多个页面数据内容之间的切换逻辑。

由于网页保存插件在保存预定网页文件时，将目标网页的页面数据内容和至少两个页面数据内容的交互关系保存至预定网页文件中，因此在读取保存的预定网页文件时，通过读取各个页面数据内容和各个页面数据内容的交互关系，来对目标网页进行重建或渲染。比如，网页保存插件读取页面数据内容对应的文字、图片、音乐、视频、CSS文件、HTML文件等资源，将读取到的这些资源组合成网页离线保存时对应的页面数据内容，再根据页面数据内容对应的交互关系，将组合成的各个页面数据内容渲染成能够与用户操作进行交互的网页。

步骤203，显示目标网页中的页面数据内容。

当网页保存插件根据预定网页文件中的页面数据内容和页面数据内容的交互关系，渲染得到该目标网页后，可以在终端上显示目标网页中的页面数据内容。

可选的，显示的页面数据内容是目标网页包含的多个页面数据内容中的一个。

步骤204，在接收到用户操作时，根据至少两个页面数据内容的交互关系对页面数据内容进行切换。

在目标网页的页面数据内容渲染重建后，用户可以对页面数据内容进行操作。网页接收到用户操作时，根据用户操作对应的交互关系，切换页面数据内容。比如，用户进行向左滑动的操作时，显示的页面数据内容由当前页面数据内容切换为下一个页面数据内容；再比如，页面数据内容包括控制音乐播放的控件，当前音乐正在播放，用户通过触发该控件，可以控制该目标网页中的音乐的停止播放。

综上所述，本发明实施例提供的网页读取方法，通过在读取预定网页文件时，获取预定网页文件中的页面数据内容和页面数据内容的交互关系，将目标网页重建渲染成能够对用户操作进行响应的网页。即使保存的是强交互特性的H5网页，也能在读取离线保存的H5网页时，恢复H5网页的交互功能，使得离线的H5网页能够对用户操作进行响应，使得用户在阅读离线保存的网页时，依然能够通过与页面数据内容的交互操作来切换到其他页面数据内容。

由于图1所示的网页保存方法需要使用网页保存插件进行网页的离线保存，因此在离线保存网页时，需要检测是否安装该网页保存插件。另外，为了使用户在离线状态下能够查看目标网页上的所有资源，在离线保存网页时需要将目标网页的所有资源进行下载。具体请参见如图3A所示的网页保存方法。

图3A是本发明另一个实施例中提供的网页保存方法的方法流程图。本实施例以该网页保存方法应用于具备网页浏览功能的终端中来举例说明，该终端中安装有浏览器或具有网页浏览功能的第三方应用程序。如图3A所示，该网页保存方法包括：

步骤301，接收对目标网页的离线保存指令。

通常，由终端中的浏览器来接收对目标网页的离线保存指令。

在一种可能的实现中，终端中的浏览器提供有离线保存网页的第一菜单项，当用户在浏览目标网页的过程中点击该第一菜单项，会触发对该目标网页的离线保存指令，浏览器接收该离线保存指令。

在另一种可能的实现中，终端中的第三方应用程序具有网页浏览能力，且该第三方应用程序提供有离线保存网页的第二菜单项，当用户使用第三方应用程序浏览目标网页时点击该第二菜单项，会触发对该目标网页的离线保存指令，该第三方应用程序调用浏览器来完成该离线保存指令。

步骤302，检测是否已经安装网页保存插件。

在一种可能的实现中，网页保存插件是service worker。service worker独立于当前网页，提供了不需要与网页进行交互的功能在后台执行的能力，比如离线保存功能在后台执行的能力。通过service worker可以创建用于网页离线保存的独立进程。该独立进程具有识别和采集有关用户交互关系的代码的能力。

若尚未安装网页保存插件，则进入步骤303；若已经安装网页保存插件，则进入步骤305。

步骤303，若尚未安装网页保存插件，检测当前连接的通信网络是否为第一通信网络。

可选地，第一通信网络为不限下载流量或下载费用低于阈值或***的通信网络，比如WiFi(WIreless-Fidelity，无线保真)网络。

若当前连接的通信网络是第一通信网络，则进入步骤304；若当前连接的通信网络是不同于第一通信网络，则询问用户是否同意本次下载，当用户同意本次下载时，进入步骤305。

步骤304，下载并安装网页保存插件。

浏览器下载安装service worker。当终端当前连接的通信网络是第一通信网络时，下载安装网页保存插件的流程是自动执行的，不需要与用户进行交互；当终端当前连接的通信网络是第二通信网络时，需要询问用户是否同意本次下载，当用户同意本次下载时，进入步骤305。

第二通信网络的优先级低于第一通信网络的优先级。

步骤305，通过网页保存插件获取目标网页的网页源代码。

可选地，终端通过网页保存插件从服务器获取目标网页的网页源代码。

步骤306，通过网页保存插件遍历网页源代码中与交互关系有关的交互代码片段，根据交互代码片段得到至少两个页面数据内容的交互关系。

交互关系用于指示页面数据内容在接收到用户操作时的切换逻辑。切换逻辑包括单个页面数据内容的切换逻辑和/或多个页面数据内容之间的切换逻辑。

当两个页面数据内容之间存在交互关系时，比如第一页面数据内容与第二页面数据内容的层级和前后关系，以及由第一页面数据内容切换到第二页面数据内容的逻辑操作等，网页源代码中存在对这类交互关系进行描述的交互代码片段。

网页保存插件遍历网页源代码中所有与交互关系有关的交互代码片段，通过复制这些交互代码片段，来保存至少两个页面数据内容的交互关系。

可选的，为了使用户在离线状态下，能够查看目标网页中各个页面数据内容的所有网页资源，浏览器还需要通过步骤307和步骤308将目标网页中的所有资源进行下载。

步骤307，通过网页保存插件从网页源代码中获取资源地址。

可选地，目标网页的网页源代码中包括多种资源，比如，图片、音频、视频等。每个资源对应各自的资源地址。可选地，资源地址采用URI(Uniform Resource Identifier，统一资源标识符)地址来表示。

步骤308，通过网页保存插件从资源地址下载目标网页的所有网页资源。

目标网页的所有网页资源中包括用于形成至少两个页面数据内容的网页资源。

目标网页在打开过程中，浏览器根据资源地址向目标网页对应的服务器请求加载资源。网页保存插件通过下载或复制目标网页的所有网页资源，将所有网页资源保存下来。

需要说明的是，步骤306和步骤308可以并行执行，或者，步骤308在步骤306之前执行，本发明实施例对此不加以限定。

步骤309，通过网页保存插件将网页资源、每个网页资源对应的资源地址、交互关系保存为预定网页文件。

预定网页文件为以mht为扩展名的mht文件。

可选地，网页保存插件在保存预定网页文件时，会向预定网页文件添加预定标识，用来表明本次离线保存的mht文件是通过网页保存插件保存的，且该mht文件中存储有每个页面数据内容所需的网页资源、每个网页资源对应的资源地址、单个页面数据内容的交互关系、一个页面数据内容和另一个页面数据内容的交互关系。可选的，预定标识采用mht文件的命名方式或mht文件的图标来表示，比如，预定标识采用命名方式“H5service+流水号”来表示，则具有命名H5service1.mht的网页文件是预定网页文件。本实施例不对预定标识的具体实现方式进行限定。

网页保存插件将目标网页的所有网页资源保存至预定网页文件中，使得目标网页在离线状态下读取时，依然能够浏览与目标网页相关的所有网页资源。比如，将目标网页中的视频资源进行下载，则在离线状态下读取目标网页时，该目标网页中的视频仍然能够正常播放。

网页保存插件还将每个网页资源对应的资源地址保存至预定网页文件中，使得在有通信网络时，网页保存插件能够根据保存的资源地址检测网页资源是否更新，当网页资源有更新时，可以为用户提供更新后的网页资源。

网页保存插件还将交互关系保存至预定网页文件中，使得在离线读取目标网页时，能够恢复目标网页中多个页面数据内容之间的交互关系。

在一种可能的实现中，当终端上未安装网页保存插件，且终端当前连接的通信网络不是第一通信网络时，将目标网页保存为以mht为扩展名的普通网页文件，普通的mht文件只能实现对目标网页中单个页面数据内容的保存，并且不会存储目标网页相关的所有资源(比如仅保存视频资源地址但不保存视频文件本身)以及各个页面数据内容的交互关系，所以普通的mht文件中存储的资源地址存在失效的可能性。当资源地址失效时，读取目标网页时就无法找到对应的网页资源。

对于本实施例中的网页保存方法，可以参考图3B所示的一个示意性的网页保存方法的原理图中解释说明一下。在图3B中，S31是网页离线保存，在对网页进行离线保存时，需要先执行S32；S32是判断是否安装网页保存插件，若S32判断结果为是，则执行S33，将目标网页保存为预定网页文件；若S32判断结果为否，则执行S34，判断终端是否连接WiFi网络；若S34判断结果为是，则执行S35，安装网页保存插件；在S35网页保存插件安装完成后，执行S33，将目标网页保存为预定网页文件；若S34判断结果为否，则执行S36，将目标网页保存为普通mht文件。

综上所述，本发明实施例提供的网页保存方法，通过网页保存插件将网页的多个页面数据内容和多个页面数据内容之间的交互关系保存为预定网页文件，由于保存了多个页面数据内容之间的交互关系，使得在阅读保存的网页时，能够通过网页保存插件恢复出多个页面数据内容之间的交互关系；从而使得用户在阅读离线保存的网页时，依然能够通过与页面数据内容的交互操作在该网页的不同页面数据内容之间进行切换。

另外，通过遍历网页源代码中的与交互关系相关的交互代码片段，使得网页保存插件能够获取到至少两个页面数据内容的交互关系，将交互代码片段复制保存，可以在读取离线保存的网页时，恢复网页中网页内容的交互关系。

另外，通过下载网页相关的所有网页资源，使得用户在离线状态下，或在资源地址失效不能更新资源时，依然能够将离线保存的所有网页资源展示给用户。

另外，通过检测是否安装网页保存插件，能够确定出能否将网页保存为预定网页文件。

另外，在下载安装网页保存插件之前，检测通信网络是否为第一通信网络，使得用户能够在合适的网络环境中进行网页保存插件的下载，以及网页资源的下载。

在通过图3A所示的网页保存方法将目标网页进行离线保存后，用户在读取离线保存的目标网页时，不仅可以重建目标网页中的各个页面数据内容之间的交互关系，还可以在有通信网络的条件下对网页资源进行更新，具体请参见如图4A所示的网页读取方法。

图4A是本发明另一个实施例中提供的网页读取方法的方法流程图。本实施例以该网页读取方法应用于具备网页浏览功能的终端中来举例说明，该终端中安装有浏览器或具有网页浏览功能的第三方应用程序。如图4A所示，该网页读取方法包括：

步骤401，获取目标网页的预定网页文件。

可选地，预定网页文件是通过图3A所示的网页保存方法保存的mht文件。

在实际应用中，在读取保存的mht文件时，需要判断保存的mht文件是否为预定网页文件，即识别保存的mht文件是否具备预定网页文件的预定标识。比如，识别保存的mht文件的命名方式是否为预定网页文件的命名方式，或者，识别保存的mht文件的图标是否为预定网页文件的图标。

若保存的mht文件不是通过图3A所示的网页保存方法保存的预定网页文件，则按照现有技术中所提供的读取普通mht文件的方式直接打开mht文件。

若保存的mht文件为通过图3A所示的网页保存方法保存的预定网页文件，则执行步骤402。

步骤402，检测是否已经安装网页保存插件。

在实际实现时，网页保存插件是service worker。service worker独立于当前网页，提供了不需要与网页进行交互的功能在后台执行的能力，比如离线网页读取功能在后台执行的能力。通过service worker可以创建用于离线网页读取的独立进程。该独立进程具有识别和渲染重建有关用户交互关系的代码的能力。

由于需要通过网页保存插件，才能在读取目标网页时恢复网页的页面数据内容之间的交互关系，因此需要检测是否安装网页保存插件。

步骤403，若尚未安装网页保存插件，则下载并安装网页保存插件。

可选的，与步骤303和步骤304类似的，在下载安装网页保存插件之前，先检测终端连接的通信网络是否为第一通信网络。第一通信网络为不限下载流量或下载费用低于阈值或***的通信网络，比如WiFi网络。若当前连接的通信网络是第一通信网络，则下载并安装脚本插进；若当前连接的通信网络不同于第一通信网络，则询问用户是否同意本次下载，当用户同意本次下载时，下载安装网页保存插件。

在一种可能的实现中，若终端未连接通信网络，则无法下载安装网页保存插件，由于预定网页文件是以mht为扩展名的mht文件，因此可以按照打开普通mht文件的方法读取目标网页，即目标网页在读取时，无法恢复目标网页的页面数据内容的交互关系。

步骤404，通过网页保存插件从预定网页文件中，获取目标网页的网页资源、每个网页资源对应的资源地址和交互关系。

目标网页的所有网页资源中包括用于形成至少两个页面数据内容的网页资源。

交互关系用于指示页面数据内容在接收到用户操作时的切换逻辑。切换逻辑包括单个页面数据内容的切换逻辑和/或多个页面数据内容之间的切换逻辑。

在安装了网页保存插件之后，通过网页保存插件读取预定网页文件，获取到目标网页的网页资源、每个网页资源对应的资源地址以及页面数据内容的交互关系，可以将目标网页渲染重建成可以与用户操作进行交互的网页，并且用户可以查看与目标网页相关的所有网页资源。

步骤405，根据每个网页资源对应的资源地址，检测网页资源是否需要更新。

在终端连接通信网络的情况下，网页保存插件根据离线保存的资源地址，可以检测网页资源是否更新。

可选的，对于不同类型的网页资源，在检测网页资源是否需要更新时，采用的方法也不同。比如，当网页资源为视频资源时，保存的视频资源是11月10日上传的，通过网页保存插件检测到服务器中的视频资源是11月15日上传的，则将视频资源确定为需要更新。又比如，当网页资源为文件资源时，保存的文件资源的大小的200KB，通过网页保存插件检测到服务器中的文件资源是300KB，则将文件资源确定为需要更新。当网页资源为其他类型时，需要根据实际情况确定检测网页资源是否需要更新的方法，这里就不再赘述。

可选的，若网页保存插件检测到网页资源没有更新，则通过保存的网页资源展示目标网页的页面数据内容；若网页保存插件检测到网页资源有更新，则进入步骤406。

在一种可能的实现中，当终端未连接通信网络时，网页保存插件无法对网页资源进行更新，则通过离线保存的网页资源渲染重建目标网页的页面数据内容。

步骤406，若网页资源需要更新，检测当前连接的通信网络是否为第一通信网络。

由于网页资源的更新需要通过通信网络来传输数据。通信网络至少包括第一通信网络和第二通信网络，第一通信网络为不限下载流量或下载费用低于阈值或***的通信网络，比如WiFi网络，第二通信网络为限制下载流量或下载费用高于阈值的通信网络，比如移动网络。第二通信网络的优先级低于第一通信网络的优先级。因此，在网页资源更新之前，需要检测终端连接的通信网络是否为第一通信网络。

若当前连接的通信网络是第一通信网络，则进入步骤407；若当前连接的通信网络为第二通信网络，则进入步骤409。

步骤407，若当前连接的通信网络是第一通信网络，则通过资源地址获取更新后的网页资源。

步骤408，通过更新后的网页资源显示目标网页中的页面数据内容。

通过更新后的网页资源显示目标网页中的页面数据内容，可以使得用户读取到最新的网页资源。

当终端连接的是第二通信网络，即有偿使用的通信网络时，为了避免在用户不知情的情况下，使用第二通信网络对网页资源进行更新，造成用户的损失，可以通过步骤409至步骤411来提示用户更新，并根据用户的选择确定是否对网页资源进行更新。

步骤409，若当前连接的通信网络是第二通信网络，则显示更新请求，更新请求用于请求使用第二通信网络对网页资源进行更新。

在实际应用中，当终端连接的是第二通信网络时，在终端屏幕中显示更新请求的提示窗口。举例说明，如图4B所示，终端屏幕中显示有更新请求的提示窗口40，提示窗口40中，显示有一个确认控件41和一个取消控件42。

步骤410，当接收到确认操作时，执行通过资源地址获取更新后的网页资源的步骤。

对应图4B，当确认控件41被触发时，终端接收到确认操作，则脚本控件使用第二通信网络对网页资源进行更新。

步骤411，当接收到取消操作时，执行通过未更新的网页资源显示目标网页中的页面数据内容。

对应图4B，当取消控件42被触发时，终端接收到取消操作，则脚本控件不对网页资源进行更新，通过未更新的网页资源显示目标网页中的页面数据内容，即通过保存的网页资源渲染重建目标网页。

对于本实施例中的网页读取方法，可以参考图4C所示的一个示意性的网页读取方法的原理图中解释说明一下。S401是读取离线网页，在读取离线网页时，需要执行S402，判断目标网页是否是预定网页文件；若S402判断结果为否，则执行S412，使用普通方式读取目标网页，普通方式即读取普通mht文件的方式；若S402判断结果为是，则执行S403，检测是否安装网页保存插件；若S403检测到安装了网页保存插件，则执行S404，通过未更新的网页资源打开网页；若S403检测到未安装网页保存插件，则执行S405，检测终端是否连接WiFi网络，若S405检测到连接WiFi网络，则执行S406，安装网页保存插件，这里是使用WiFi网络下载网页保存插件的安装包；在S406网页保存插件安装完成后，执行S407，对网页资源进行更新，这里是使用WiFi网络对网页资源进行更新；在S407网页资源更新完毕后，执行S408，通过更新的网页资源打开网页；若S405检测到未连接WiFi网络，则执行S409，向用户确认是否愿意消耗流量阅读；若S409的确认结果为是，则执行S410，安装网页保存插件，这里是使用流量下载网页保存插件的安装包；在S410网页保存插件安装完成后，执行S411，对网页资源进行更新，这里是使用流量对网页资源进行更新；在S411网页资源更新完毕后，执行S408，通过更新的网页资源打开网页；若S409的确认结果为否，则执行S412，使用普通方式读取网页，普通方式即读取普通mht文件的方式。

综上所述，本发明实施例提供的网页读取方法，通过在读取预定网页文件时，获取预定网页文件中的页面数据内容和页面数据内容的交互关系，将目标网页重建渲染成能够对用户操作进行响应的网页。即使保存的是强交互特性的H5网页，也能在读取离线保存的H5网页时，恢复H5网页的交互功能，使得离线的H5网页能够对用户操作进行响应，使得用户在阅读离线保存的网页时，依然能够通过与页面数据内容的交互操作来切换到其他页面数据内容。

另外，通过网页保存插件根据离线保存的资源地址检测网页资源是否有更新，可以确定出网页资源是否需要更新。

另外，通过对离线保存的目标网页中的网页资源进行更新，使得用户在读取目标网页时，能够读取到根据最新的网页资源显示的页面数据内容。

另外，通过在网页资源更新之前，检测连接的通信网络是否为第一通信网路，能够避免在终端连接第二通信网络时，使用第二通信网络对网页资源进行更新造成用户损失的问题。

另外，通过在检测到终端连接的是第二通信网络时，显示更新请求，能够根据用户的选择确定是否需要对网页资源进行更新。

图5A是本发明部分实施例所涉及的实施环境的示意图。示意性的，该实施环境中包括第三方应用程序的客户端510、浏览器的客户端520、浏览器的网页保存插件522、浏览器的服务器530以及终端540。

终端540用于安装第三方应用程序的客户端510和浏览器的客户端520。

浏览器的服务器530用于提供浏览器的客户端以及浏览器的网页保存插件的下载服务。

终端540与浏览器的服务器530之间通过通信网络连接。可选的，通信网络包括有线网络和无线网络。

浏览器的客户端520中安装有浏览器的网页保存插件522，浏览器的网页保存插件522是一个运行在浏览器后台进程的程序，能够实现离线保存网页与读取离线保存的网页的功能。

第三方应用程序的客户端510具备网页浏览功能。第三方应用程序与浏览器具备合作关系，第三方应用程序的客户端510能够调用浏览器的网页保存插件522来进行网页的离线保存或网页的读取。

当终端540未安装浏览器的客户端520时，若第三方应用程序的客户端510需要离线保存网页或读取离线保存的网页，则第三方应用程序的客户端510通过终端540向浏览器的服务器530请求浏览器的客户端520的安装包，可选的，浏览器的服务器530向终端540同时发送浏览器的客户端520和浏览器的网页保存插件522的安装包。当浏览器的客户端520以及浏览器的网页保存插件522被下载安装后，第三方应用程序的客户端510可以调用浏览器的客户端520中的网页保存插件522，对网页进行离线保存或读取。

可选的，当浏览器的客户端520中未安装浏览器的网页保存插件522时，若第三方应用程序的客户端510需要离线保存网页或读取离线保存的网页，则第三方应用程序的客户端510通过终端540向浏览器的服务器530请求浏览器的网页保存插件522的安装包。当浏览器的网页保存插件522被下载安装后，第三方应用程序的客户端510可以调用浏览器的客户端520的网页保存插件522，对网页进行离线保存或读取。

在一种可能的实现方式中，第三方应用程序对应有第三方应用程序的网页保存插件，当第三方应用程序的客户端510下载安装第三方应用程序的网页保存插件后，第三方应用程序的客户端510可以扩展出离线保存网页与读取离线保存的网页的功能，而不需要调用浏览器的网页保存插件522。

图5B是本发明部分实施例所涉及的网页保存流程的示意图。示意性的，本实施例应用在图5A所示的实施环境中。

如图5A所示，用户在终端540上使用第三方应用程序A浏览网页541，当用户需要离线保存网页541时，通过触发下拉菜单控件542可以显示包含“下载到本地”和/或“保存至浏览器”的菜单项543。当“下载到本地”或“保存至浏览器”中的任一菜单项543被触发时，第三方应用程序A检测终端540是否安装浏览器(即图5A所示的浏览器的客户端520)，若终端540已安装浏览器，对应图5B中S51，则通过第三方应用程序A调用浏览器对网页541进行离线保存。离线保存过程中，屏幕上显示“网页保存中”的提示信息544，并提示离线保存的路径545，比如“您可以在文件下载-a文件中查看”，其中a文件与第三方应用程序A对应，a文件中存储有通过第三方应用程序A保存的各种类型的文件。

当网页541离线保存成功后，为了使用户能够快捷访问离线保存的网页541，可以在桌面上创建a文件的快捷方式570。可选的，在创建a文件的快捷方式570之前，在屏幕上显示快捷方式创建提示550，终端540在接收到确认操作后，即在快捷方式创建提示550上的确认控件551被触发时，在桌面上创建a文件的快捷方式570。若快捷方式创建提示550上的取消控件552被触发，则不在桌面上创建a文件的快捷方式570。

若第三方应用程序A检测到终端540未安装浏览器，对应图5B中的S52，则在屏幕上显示安装浏览器的提示链接560，在接收到用户确认安装的操作时，即立即安装控件561被触发时，第三方应用程序A向图5A所示的浏览器的服务器530请求浏览器的客户端520的安装包，下载安装浏览器的客户端520。在浏览器成功安装后，根据S53所指示的，第三方应用程序A调用浏览器对网页541进行离线保存。

在终端通过图5B所示的流程离线保存网页后，用户可以按照图5C所示的流程查找到离线保存的网页541对应的mht文件。

图5C是本发明部分实施例所涉及的网页读取流程的示意图。示意性的，本实施例应用在图5A所示的实施环境中。

可选的，当用户需要读取离线保存的网页541时，可以通过两种方式找到离线保存的网页541的mht文件591。一种方式是根据离线保存时提示的离线保存的路径545，打开“文件下载”的文件夹580，然后打开“a文件”文件夹590，找到离线保存的网页541的mht文件591，打开mht文件591就能够读取到离线保存的网页541；另一种方式是如图5B所示在离线保存网页541时创建了a文件的快捷方式570的前提下，通过桌面上创建的a文件的快捷方式570，直接打开“a文件”文件夹590，找到离线保存的网页541的mht文件591，然后可以读取离线保存的网页541。其中，将mht文件渲染重建成网页的方法可以参见图2或图4A所示的步骤。

图6是本发明一个实施例中提供的网页保存装置的结构方框图。本实施例以该网页保存装置应用于具备网页浏览功能的终端中来举例说明。如图6所示，该网页保存装置包括：接收模块610、获取模块620和保存模块630。

接收模块610，用于实现上述步骤101、步骤301以及其他任意隐含或公开的与接收步骤相关的功能。

获取模块620，用于实现上述步骤102以及其他任意隐含或公开的与获取步骤相关的功能。

保存模块630，用于实现上述步骤103以及其他任意隐含或公开的与保存步骤相关的功能。

可选的，获取模块620，包括：第一获取单元和遍历单元。

第一获取单元，用于实现上述步骤305以及其他任意隐含或公开的与获取步骤相关的功能。

遍历单元，用于实现上述步骤306以及其他任意隐含或公开的与遍历步骤相关的功能。

可选的，保存模块530，包括：第二获取单元、下载单元和保存单元。

第二获取单元，用于实现上述步骤307以及其他任意隐含或公开的与获取步骤相关的功能。

下载单元，用于实现上述步骤308以及其他任意隐含或公开的与下载步骤相关的功能。

保存单元，用于实现上述步骤309以及其他任意隐含或公开的与保存步骤相关的功能。

可选的，该装置还包括：第一检测模块、下载模块和第二检测模块。

第一检测模块，用于实现上述步骤302以及其他任意隐含或公开的与检测步骤相关的功能。

下载模块，用于实现上述步骤304以及其他任意隐含或公开的与下载步骤相关的功能。

第二检测模块，用于实现上述步骤303以及其他任意隐含或公开的与检测步骤相关的功能。

综上所述，本发明实施例提供的网页保存方法，通过网页保存插件将网页的多个页面数据内容和多个页面数据内容之间的交互关系保存为预定网页文件，由于保存了多个页面数据内容之间的交互关系，使得在阅读保存的网页时，能够通过网页保存插件恢复出多个页面数据内容之间的交互关系；从而使得用户在阅读离线保存的网页时，依然能够通过与页面数据内容的交互操作在该网页的不同页面数据内容之间进行切换。

需要说明的是：上述实施例中提供的网页保存装置在保存网页时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将终端的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的网页保存装置与网页保存方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

图7是本发明一个实施例中提供的网页读取装置的结构方框图。本实施例以该网页读取装置应用于具备网页浏览功能的终端中来举例说明。如图7所示，该网页读取装置包括：第一获取模块710、第二获取模块720、第一显示模块730和切换模块740。

第一获取模块710，用于实现上述步骤201、步骤401以及其他任意隐含或公开的与获取步骤相关的功能。

第二获取模块720，用于实现上述步骤202、步骤404以及其他任意隐含或公开的与获取步骤相关的功能。

第一显示模块730，用于实现上述步骤203、步骤411以及其他任意隐含或公开的与显示步骤相关的功能。

切换模块740，用于实现上述步骤204以及其他任意隐含或公开的与切换步骤相关的功能。

可选的，第一显示模块730，包括：检测单元、更新单元和显示单元。

检测单元，用于实现上述步骤405以及其他任意隐含或公开的与检测步骤相关的功能。

更新单元，用于实现上述步骤407、步骤410以及其他任意隐含或公开的与更新步骤相关的功能。

显示单元，用于实现上述步骤408以及其他任意隐含或公开的与显示步骤相关的功能。

可选的，该装置还包括：第一检测模块、第二显示模块、第二检测模块和下载模块。

第一检测模块，用于实现上述步骤406以及其他任意隐含或公开的与检测步骤相关的功能。

第二显示模块，用于实现上述步骤409以及其他任意隐含或公开的与显示步骤相关的功能。

第二检测模块，用于实现上述步骤402以及其他任意隐含或公开的与检测步骤相关的功能。

下载模块，用于实现上述步骤403以及其他任意隐含或公开的与下载步骤相关的功能。

综上所述，本发明实施例提供的网页读取装置，通过在读取预定网页文件时，获取预定网页文件中的页面数据内容和页面数据内容的交互关系，将目标网页重建渲染成能够对用户操作进行响应的网页。即使保存的是强交互特性的H5网页，也能在读取离线保存的H5网页时，恢复H5网页的交互功能，使得离线的H5网页能够对用户操作进行响应，使得用户在阅读离线保存的网页时，依然能够通过与页面数据内容的交互操作来切换到其他页面数据内容。

需要说明的是：上述实施例中提供的网页读取装置在读取网页时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将终端的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的网页读取装置与网页读取方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

请参见图8所示，其示出了本发明部分实施例所涉及的硬件装置的结构方框图。该装置800用于实施上述实施例提供的网页保存方法或网页读取方法。本发明中的装置800可以包括一个或多个如下组成部分：用于执行计算机程序指令以完成各种流程和方法的处理器，用于信息和存储程序指令随机接入存储器(RAM)和只读存储器(ROM)，用于存储数据和信息的存储器，I/O设备，界面，天线等。具体来讲：

装置800可以包括RF(Radio Frequency，射频)电路810、存储器820、输入单元830、显示单元840、传感器850、音频电路860、WiFi(wireless fidelity，无线保真)模块870、处理器880、电源882、摄像头890等部件。本领域技术人员可以理解，图8中示出的装置结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图8对装置800的各个构成部件进行具体的介绍：

RF电路810可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，给处理器880处理；另外，将设计上行的数据发送给基站。通常，RF电路包括但不限于天线、至少一个放大器、收发信机、耦合器、LNA(Low Noise Amplifier，低噪声放大器)、双工器等。此外，RF电路810还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于GSM(Global System of Mobilecommunication，全球移动通讯***)、GPRS(General Packet Radio Service，通用分组无线服务)、CDMA(Code Division Multiple Access，码分多址)、WCDMA(Wideband CodeDivision Multiple Access,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(Short Messaging Service，短消息服务)等。

存储器820可用于存储软件程序以及模块，处理器880通过运行存储在存储器820的软件程序以及模块，从而执行装置800的各种功能应用以及数据处理。存储器820可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作***、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据装置800的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器820可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

输入单元830可用于接收输入的数字或字符信息，以及产生与装置800的用户设置以及功能控制有关的键信号输入。具体地，输入单元830可包括触控面板831以及其他输入设备832。触控面板831，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板831上或在触控面板831附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板831可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器880，并能接收处理器880发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板831。除了触控面板831，输入单元830还可以包括其他输入设备832。具体地，其他输入设备832可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元840可用于显示由用户输入的信息或提供给用户的信息以及装置800的各种菜单。显示单元840可包括显示面板841，可选的，可以采用LCD(Liquid CrystalDisplay，液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板841。进一步的，触控面板831可覆盖显示面板841，当触控面板831检测到在其上或附近的触摸操作后，传送给处理器880以确定触摸事件的类型，随后处理器880根据触摸事件的类型在显示面板841上提供相应的视觉输出。虽然在图8中，触控面板831与显示面板841是作为两个独立的部件来实现装置800的输入和输入功能，但是在某些实施例中，可以将触控面板831与显示面板841集成而实现装置800的输入和输出功能。

装置800还可包括至少一种传感器850，比如陀螺仪传感器、磁感应传感器、光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板841的亮度，接近传感器可在装置800移动到耳边时，关闭显示面板841和/或背光。作为运动传感器的一种，加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别电子设备姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于装置800还可配置的气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路860、扬声器861，传声器862可提供用户与装置800之间的音频接口。音频电路860可将接收到的音频数据转换后的电信号，传输到扬声器861，由扬声器861转换为声音信号输出；另一方面，传声器862将收集的声音信号转换为电信号，由音频电路860接收后转换为音频数据，再将音频数据输出处理器880处理后，经RF电路810以发送给比如另一终端，或者将音频数据输出至存储器820以便进一步处理。

WiFi属于短距离无线传输技术，装置800通过WiFi模块870可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图8示出了WiFi模块870，但是可以理解的是，其并不属于装置800的必须构成，完全可以根据需要在不改变公开的本质的范围内而省略。

处理器880是装置800的控制中心，利用各种接口和线路连接整个电子设备的各个部分，通过运行或执行存储在存储器820内的软件程序和/或模块，以及调用存储在存储器820内的数据，执行装置800的各种功能和处理数据，从而对电子设备进行整体监控。可选的，处理器880可包括一个或多个处理单元；优选的，处理器880可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作***、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器880中。

装置800还包括给各个部件供电的电源882(比如电池)，优选的，电源可以通过电源管理***与处理器880逻辑相连，从而通过电源管理***实现管理充电、放电、以及功耗管理等功能。

摄像头890一般由镜头、图像传感器、接口、数字信号处理器、CPU、显示屏幕等组成。其中，镜头固定在图像传感器的上方，可以通过手动调节镜头来改变聚焦；图像传感器相当于传统相机的“胶卷”，是摄像头采集图像的心脏；接口用于把摄像头利用排线、板对板连接器、弹簧式连接方式与电子设备主板连接，将采集的图像发送给所述存储器820；数字信号处理器通过数学运算对采集的图像进行处理，将采集的模拟图像转换为数字图像并通过接口发送给存储器820。

尽管未示出，装置800还可以包括蓝牙模块等，在此不再赘述。

装置800除了包括一个或者多个处理器880，还包括有存储器，以及一个或者多个程序，其中一个或者多个程序存储于存储器中，并被配置成由一个或者多个处理器执行。

本发明实施例还提供了一种计算机可读存储介质，该计算机可读存储介质可以是上述实施例中的存储器中所包含的计算机可读存储介质；也可以是单独存在，未装配入终端中的计算机可读存储介质。该计算机可读存储介质存储有一个或者一个以上程序，该一个或者一个以上程序被一个或者一个以上的处理器用来执行上述网页保存方法或网页读取方法。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (18)

1.一种网页保存方法，其特征在于，所述方法应用于第三方应用程序，所述第三方应用程序安装有网页保存插件serviceworker，所述方法包括：

接收对目标网页的离线保存指令，所述目标网页在接收到用户操作时，对不同页面数据内容之间进行切换，所述页面数据内容是所述目标网页包含的多个所述页面数据内容中的一个；

通过所述service worker获取所述目标网页的网页源代码；

通过所述service worker遍历所述网页源代码中与交互关系有关的交互代码片段，通过复制所述交互代码片段保存至少两个页面数据内容的所述交互关系，所述交互关系用于指示所述页面数据内容在接收到所述用户操作时的切换逻辑，所述切换逻辑包括多个所述页面数据内容之间的切换逻辑；

通过所述service worker从所述网页源代码中获取资源地址；

通过所述service worker从所述资源地址下载所述目标网页的所有网页资源，所述网页资源中包括用于形成所述至少两个页面数据内容的资源；

通过所述service worker将所述网页资源、每个所述网页资源对应的所述资源地址、所述交互关系保存为以mht为扩展名的mht文件，所述mht文件添加有预定标识，用于表示本次离线保存的mht文件是通过所述serviceworker保存的，且所述mht文件中存储有每个所述页面数据内容所需的网页资源、所述网页资源对应的资源地址、所述至少两个页面数据内容之间的交互关系。

2.根据权利要求1所述的方法，其特征在于，所述通过service worker遍历所述网页源代码中与交互关系有关的交互代码片段之前，还包括：

检测是否已经安装所述service worker；

若尚未安装所述service worker，则下载并安装所述service worker。

3.根据权利要求2所述的方法，其特征在于，在所述下载并安装所述service worker之前，还包括：

检测当前连接的通信网络是否为第一通信网络；

若所述当前连接的通信网络是所述第一通信网络，则执行所述下载并安装所述service worker的步骤。

4.一种网页读取方法，其特征在于，所述方法包括：

获取目标网页的预定网页文件，所述预定网页文件为以mht为扩展名的mht文件，所述mht文件包括所述目标网页的所有网页资源、每个所述网页资源对应的资源地址和交互关系，所述交互关系用于指示所述目标网页的页面数据内容在接收到用户操作时的切换逻辑，所述切换逻辑包括多个所述页面数据内容之间的切换逻辑，所述mht文件添加有预定标识，用于表示本次离线保存的mht文件是通过serviceworker保存的；

通过所述service worker从所述预定网页文件中，获取所述网页资源、所述资源地址和所述交互关系，所述网页资源中包括用于形成至少两个页面数据内容的资源，所述交互关系是通过复制交互代码片段得到的，所述交互代码片段是通过所述service worker遍历所述目标网页的网页源代码得到的；

显示所述目标网页中的所述页面数据内容，所述页面数据内容是所述目标网页包含的多个所述页面数据内容中的一个；

在接收到用户操作时，根据所述至少两个页面数据内容的所述交互关系对所述页面数据内容进行切换。

5.根据权利要求4所述的方法，其特征在于，所述显示所述目标网页中的所述页面数据内容，包括：

根据每个所述网页资源对应的资源地址，检测所述网页资源是否需要更新；

若所述网页资源需要更新，则通过所述资源地址获取更新后的所述网页资源；

通过更新后的所述网页资源显示所述目标网页中的所述页面数据内容。

6.根据权利要求5所述的方法，其特征在于，所述通过所述资源地址获取更新后的所述网页资源之前，还包括：

检测当前连接的通信网络是否为第一通信网络；

若所述当前连接的通信网络是所述第一通信网络，则执行通过所述资源地址获取更新后的所述网页资源的步骤。

7.根据权利要求6所述的方法，其特征在于，在所述检测当前连接的通信网络是否为第一通信网络之后，还包括：

若所述当前连接的通信网络是第二通信网络，则显示更新请求，所述更新请求用于请求使用所述第二通信网络对所述网页资源进行更新；

当接收到确认操作时，执行通过所述资源地址获取更新后的所述网页资源的步骤；

其中，所述第二通信网络的优先级低于所述第一通信网络的优先级。

8.根据权利要求4至7任一所述的方法，其特征在于，所述通过service worker从所述预定网页文件中获取所述网页资源、所述资源地址和所述交互关系之前，还包括：

检测是否已经安装所述service worker；

若尚未安装所述网页保存插件，则下载并安装所述service worker。

9.一种网页保存装置，其特征在于，所述装置包括：

接收模块，用于接收对目标网页的离线保存指令，所述目标网页在接收到用户操作时，对不同页面数据内容之间进行切换，所述页面数据内容是所述目标网页包含的多个所述页面数据内容中的一个；

第一获取单元，用于通过service worker获取所述目标网页的网页源代码；

遍历单元，用于通过所述service worker遍历所述第一获取单元获取的所述网页源代码中与交互关系有关的交互代码片段，通过复制所述交互代码片段保存至少两个页面数据内容的所述交互关系，所述交互关系用于指示所述页面数据内容在接收到所述用户操作时的切换逻辑，所述切换逻辑包括多个所述页面数据内容之间的切换逻辑；

第二获取单元，用于通过所述service worker从所述第一获取单元获取的所述网页源代码中获取资源地址；

下载单元，用于通过所述service worker从所述第二获取单元获取的所述资源地址下载所述目标网页的所有网页资源，所述网页资源中包括用于形成所述至少两个页面数据内容的资源；

保存单元，用于通过所述service worker将所述网页资源、每个所述网页资源对应的所述资源地址、所述交互关系保存为以mht为扩展名的mht文件，所述mht文件添加有预定标识，用于表示本次离线保存的mht文件是通过所述serviceworker保存的，且所述mht文件中存储有每个所述页面数据内容所需的网页资源、所述网页资源对应的资源地址、所述至少两个页面数据内容之间的交互关系。

10.根据权利要求9所述的装置，其特征在于，所述装置还包括：

第一检测模块，用于检测是否已经安装所述service worker；

下载模块，用于若所述第一检测模块检测到尚未安装所述service worker，则下载并安装所述网页保存插件。

11.根据权利要求10所述的装置，其特征在于，所述装置还包括：

第二检测模块，用于检测当前连接的通信网络是否为第一通信网络；

所述下载模块，还用于若所述第二检测模块检测到所述当前连接的通信网络是所述第一通信网络，则执行所述下载并安装所述service worker的步骤。

12.一种网页读取装置，其特征在于，所述装置包括：

第一获取模块，用于获取目标网页的预定网页文件，所述预定网页文件为以mht为扩展名的mht文件，所述mht文件包括所述目标网页的所有网页资源、每个所述网页资源对应的资源地址和交互关系，所述交互关系用于指示所述目标网页的页面数据内容在接收到用户操作时的切换逻辑，所述切换逻辑包括多个所述页面数据内容之间的切换逻辑，所述mht文件添加有预定标识，用于表示本次离线保存的mht文件是通过serviceworker保存的；

第二获取模块，用于通过所述service worker从所述预定网页文件中，获取所述网页资源、所述资源地址和所述交互关系，所述网页资源中包括用于形成至少两个页面数据内容的资源，所述交互关系是通过复制交互代码片段得到的，所述交互代码片段是通过所述service worker遍历所述目标网页的网源代码得到的；

第一显示模块，用于显示所述目标网页中的所述页面数据内容，所述页面数据内容是所述目标网页包含的多个所述页面数据内容中的一个；

切换模块，用于在接收到用户操作时，根据所述至少两个页面数据内容的所述交互关系对所述第一显示模块显示的所述页面数据内容进行切换。

13.根据权利要求12所述的装置，其特征在于，所述第一显示模块，包括：

检测单元，用于根据每个所述网页资源对应的资源地址，检测所述网页资源是否需要更新；

更新单元，用于若所述网页资源需要更新，则通过所述资源地址获取更新后的所述网页资源；

显示单元，用于通过更新后的所述网页资源显示所述目标网页中的所述页面数据内容。

14.根据权利要求13所述的装置，其特征在于，所述装置还包括：

第一检测模块，用于检测当前连接的通信网络是否为第一通信网络；

所述更新单元，还用于若所述第一检测模块检测到所述当前连接的通信网络是所述第一通信网络，则执行通过所述资源地址获取更新后的所述网页资源的步骤。

15.根据权利要求14所述的装置，其特征在于，所述装置还包括：

第二显示模块，用于若所述第一检测模块检测到所述当前连接的通信网络是第二通信网络，则显示更新请求，所述更新请求用于请求使用所述第二通信网络对所述网页资源进行更新；

所述更新单元，还用于当接收到确认操作时，执行通过所述资源地址获取更新后的所述网页资源的步骤；

其中，所述第二通信网络的优先级低于所述第一通信网络的优先级。

16.根据权利要求12至15任一所述的装置，其特征在于，所述装置还包括：

第二检测模块，用于检测是否已经安装所述service worker；

下载模块，用于若所述第二检测模块检测到尚未安装所述service worker，则下载并安装所述service worker。

17.一种装置，所述装置包括一个或者多个处理器、存储器，以及一个或者多个程序，所述一个或者多个程序存储于所述存储器中，被配置成由一个或者多个所述处理器执行如权利要求1至3任一项所述的网页保存方法或如权利要求4至8任一项所述的网页读取方法。

18.一种计算机可读存储介质，所述存储介质存储有一个或者一个以上程序，所述一个或者一个以上程序被一个或者一个以上的处理器用来执行如权利要求1至3任一项所述的网页保存方法或如权利要求4至8任一项所述的网页读取方法。

Images