CN109710870A - H5页面的加载方法、装置、电子设备及可读存储介质 - Google Patents

Abstract

本公开提供了一种H5页面的加载方法、装置、电子设备及可读存储介质。该方法包括：当应用程序中的网页视图控件需要加载网页资源时，检测本地是否存储有网页视图控件所需的网页资源对应的网页资源包；在检测到本地存储有网页资源包时，对网页资源包进行解析，并基于解析出的网页资源通过网页视图控件来加载H5页面，即通过本地存储网页资源包来加载所需的网页资源，无需每次都从后台服务器下载，加快网页的加载速度，并能够有效节省网络流量。

Description

H5页面的加载方法、装置、电子设备及可读存储介质

技术领域

本公开涉及计算机技术领域，具体而言，本公开涉及一种H5页面的加载方法、装置、电子设备及可读存储介质。

背景技术

H5是第五代超文本标记语言HTML5的简称，是一种先进的网页制作技术。它开发成本和使用门槛低，应用形式灵活，性能高而功耗低，升级便捷，并且功能非常强大，能够让网页更加丰富多彩。例如，通过其3D引擎就可以十分简单地实现逼真的三维立体效果；通过其标签可以随时随地将视频和音频***到网页的任何位置；通过CSS(Cascading StyleSheets，层叠样式表)模块的运用能够提供更多样化的特效和风格。可见，H5技术的优势非常明显。

目前，H5技术正处于快速发展中，仍存在一些发展中的问题，其中之一便是在H5页面被应用程序(APP，Application的缩写)加载时，每次都要从后台服务器下载所需要的网页资源，会影响网页的加载速度，导致网页加载较慢，在网络环境不好的情况下，可能造成页面卡顿的现象，极大影响用户体验。

发明内容

为克服上述技术问题或者至少部分地解决上述技术问题，特提出以下技术方案：

第一方面，本公开提供了一种H5页面的加载方法，该方法包括：

当应用程序中的网页视图控件需要加载网页资源时，检测本地是否存储有所述网页视图控件所需的网页资源对应的网页资源包；

在检测到本地存储有所述网页资源包时，对所述网页资源包进行解析，并基于解析出的网页资源通过所述网页视图控件来加载H5页面。

在一种可选的实现方式中，该方法还包括：

在应用程序启动时，下载并存储所述网页资源包。

在一种可选的实现方式中，该方法还包括：

在应用程序启动时，若检测到本地已存储有网页资源包，则上传所述已存储的网页资源包的版本标识；

下载根据对所述版本标识对应的网页资源包与最新版本的网页资源包的差分处理生成的第一增量包；

基于所述第一增量包，更新所述已存储的网页资源包。

在一种可选的实现方式中，所述上传所述已存储的网页资源包的版本标识之后，还包括：

接收对网络资源包的反馈信息，所述反馈信息包括所述第一增量包的链接或者网络资源包未更新的通知；

当所述反馈信息为所述第一增量包的链接时，所述下载根据对所述版本标识对应的网页资源包与最新版本的网页资源包的差分处理生成的第一增量包，包括：

基于所述链接，下载所述第一增量包。

在一种可选的实现方式中，该方法还包括：

在接收到网页资源包的更新通知后，下载第二增量包；

基于所述第二增量包，更新所述网页资源包。

在一种可选的实现方式中，所述下载第二增量包，包括：

上传所述网页资源包的版本标识；

下载根据对所述版本标识对应的网页资源包与最新版本的网页资源包的差分处理生成的第二增量包。

在一种可选的实现方式中，所述网页资源包，包括以下至少一项：

CSS文件、JS文件、文字文件、图片文件、动画文件、音频文件、视频文件。

第二方面，本公开提供了一种H5页面的加载装置，该装置包括：

检测模块，用于当应用程序中的网页视图控件需要加载网页资源时，检测本地是否存储有所述网页视图控件所需的网页资源对应的网页资源包；

加载模块，用于在检测到本地存储有所述网页资源包时，对所述网页资源包进行解析，并基于解析出的网页资源通过所述网页视图控件来加载H5页面。

在一种可选的实现方式中，该装置还包括：

下载及存储模块，用于在应用程序启动时，下载并存储所述网页资源包。

在一种可选的实现方式中，该装置还包括：

第一增量更新模块，用于在应用程序启动时，若检测到本地已存储有网页资源包，则上传所述已存储的网页资源包的版本标识；下载根据对所述版本标识对应的网页资源包与最新版本的网页资源包的差分处理生成的第一增量包；基于所述第一增量包，更新所述已存储的网页资源包。

在一种可选的实现方式中，该装置还包括：

接收反馈模块，用于接收对网络资源包的反馈信息，所述反馈信息包括所述第一增量包的链接或者网络资源包未更新的通知；

当所述反馈信息为所述第一增量包的链接时，所述第一增量更新模块具体用于基于所述链接，下载所述第一增量包。

在一种可选的实现方式中，该装置还包括：

第二增量更新模块，用于在接收到网页资源包的更新通知后，下载第二增量包；基于所述第二增量包，更新所述网页资源包。

在一种可选的实现方式中，所述第二增量更新模块具体用于上传所述网页资源包的版本标识；下载根据对所述版本标识对应的网页资源包与最新版本的网页资源包的差分处理生成的第二增量包。

在一种可选的实现方式中，所述网页资源包，包括以下至少一项：

CSS文件、JS文件、文字文件、图片文件、动画文件、音频文件、视频文件。

第三方面，本公开提供了一种电子设备，该电子设备包括：

处理器和存储器，存储器存储有至少一条指令、至少一段程序、代码集或指令集，至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行以实现如本公开的第一方面或第一方面的任一可选的实现方式中所示的方法。

第四方面，本公开提供了一种计算机可读存储介质，计算机存储介质用于存储计算机指令、程序、代码集或指令集，当其在计算机上运行时，使得计算机执行如本公开的第一方面或第一方面的任一可选的实现方式中所示的方法。

本公开提供的H5页面的加载方法、装置、电子设备及可读存储介质，当应用程序中的网页视图控件需要加载网页资源时，检测本地是否存储有网页视图控件所需的网页资源对应的网页资源包；在检测到本地存储有网页资源包时，对网页资源包进行解析，并基于解析出的网页资源通过网页视图控件来加载H5页面，即通过本地存储网页资源包来加载所需的网页资源，无需每次都从后台服务器下载，加快网页的加载速度，并能够有效节省网络流量。

附图说明

为了更清楚地说明本公开实施例中的技术方案，下面将对本公开实施例描述中所需要使用的附图做简单的介绍。

图1为本公开实施例提供的一种H5页面的加载方法的流程示意图；

图2为本公开实施例提供的一种H5页面的加载装置的结构示意图；

图3为本公开实施例提供的一种电子设备的结构示意图。

具体实施方式

下面详细描述本公开的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本公开，而不能解释为对本公开的限制。

本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本公开的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解，当我们称元件被“连接”或“耦接”到另一元件时，它可以直接连接或耦接到其他元件，或者也可以存在中间元件。此外，这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。

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

本公开实施例提供了一种H5页面的加载方法，如图1所示，该方法包括：

步骤S101：当应用程序中的网页视图控件需要加载网页资源时，检测本地是否存储有网页视图控件所需的网页资源对应的网页资源包；

对于本公开实施例，该方法的执行主体可以为终端设备，例如移动终端等，或者也可以为安装于终端设备上的客户端。实际应用中，移动终端可以包括诸如移动电话、智能电话、平板电脑、笔记本电脑、个人数字助理、便携式多媒体播放器、导航装置等。本领域技术人员可以理解的是，除了特别用于移动目的的元件之外，根据本公开的实施方式的构造也能够应用于固定类型的终端，诸如数字电视、台式计算机等。下文中，将以客户端为例进行介绍。

实际应用中，客户端的应用程序经常会使用到H5页面，此时就需要通过网页视图控件来加载网页资源，以便展示出H5页面的内容。本公开实施例中，网页视图控件可以为WebView，WebView是由Android或IOS等平台提供的一个原生控件，能够在对应的操作***中用于应用程序加载显示H5页面。

本步骤中，网页视图控件所需的网页资源对应的网页资源包可预先进行获取并存储，可选地，网页资源包可以作为缓存数据存储到应用程序的缓存文件的存放位置；或者，网页资源包可以作为项目文件存储到应用程序的目录中。进而，当应用程序中的网页视图控件需要加载网页资源时，对本地是否存储有网页视图控件所需的网页资源对应的网页资源包进行检测。

具体而言，可以通过***方法从对应的资源数据库中查找应用程序的资源文件，查看各个文件的渠道名、版本号、文件路径等信息来判断对应的网页资源包是否存在。

步骤S102：在检测到本地存储有网页资源包时，对网页资源包进行解析，并基于解析出的网页资源通过网页视图控件来加载H5页面。

实际应用中，网页资源包是加载所需的多种网页资源的集合，包括但不限于CSS文件、JS(javascript)文件、文字文件、图片文件、动画文件、音频文件、视频文件等，需要对网页资源包中的各种文件进行解析，并基于解析出的网页资源通过网页视图控件来加载H5页面。

一种可能的实现方式中，网页资源包可采用zip或者rar等压缩包格式，那么就需要从压缩包格式的网页资源包中解析出各种文件，并基于解析出的网页资源通过网页视图控件来加载H5页面。

本公开实施例提供的H5页面的加载方法，当应用程序中的网页视图控件需要加载网页资源时，检测本地是否存储有网页视图控件所需的网页资源对应的网页资源包；在检测到本地存储有网页资源包时，对网页资源包进行解析，并基于解析出的网页资源通过网页视图控件来加载H5页面，即通过本地存储网页资源包来加载所需的网页资源，无需每次都从后台服务器下载，加快网页的加载速度，并能够有效节省网络流量。

本公开实施例提供了一种可能的实现方式来预先获取并存储网页视图控件所需的网页资源对应的网页资源包，具体地，可以在应用程序启动时，下载并存储该网页资源包。

其中，后台服务器中配置有该网页资源包，可以从后台服务器获取。

实际应用中，可以在应用程序启动时，向后台服务器发送请求下载网页视图控件所需的网页资源对应的网页资源包的请求消息，后台服务器会返回一个网页资源包的下载链接，调用该链接即可下载对应的网页资源包，并在下载完成后进行存储。

实际应用中，本地存储的网页资源包可能被用户通过手动清除缓存等方式删除掉，本申请实施例中，可以在每次应用程序启动时，直接下载网页资源包。若本地存储的网页资源包仍在，则直接删除或替换即可。或者，在每次应用程序启动时，检测一下本地存储是否存储有网页资源包，若没有检测到，则马上下载并存储网页资源包。

可选地，后台服务器返回的下载链接可以包含在一个反馈消息中，除此之外，该反馈消息还可以包括但不限于对应的网页资源包的名称、版本标识、更新日期等，便于后续版本的更新与迭代。

本公开实施例中，若在上一次应用程序启动时，已下载过网页资源包。考虑到实际应用中，网络资源包的更新较为频繁，为保证加载最新的H5页面，一种可能的实现方式中，可以在应用程序启动时，下载并存储最新版本的网页资源包，历史存储的网络资源包直接删除或替换即可。

另一种可能的实现方式中，在应用程序启动时，向后台服务器发送请求下载网页资源包的请求消息，后台服务器会返回一个网页资源包的下载链接、名称、版本标识、更新日期等，可以根据这些信息中的一个或多个来判断网络资源包是否更新，在确定网络资源包已更新的情况下，调用该链接即可下载对应的网页资源包，并在下载完成后进行存储，历史存储的网络资源包直接删除或替换即可。若确定出网络资源包未得到更新，则客户端可以直接使用历史存储的网页资源包来加载H5页面。

又一种可能的实现方式，在应用程序启动时，若检测到本地已存储有网页资源包，客户端可以上传已存储的网页资源包的版本标识，例如向后台服务器发送请求下载网页资源包的请求消息，该请求消息中可以携带客户端已存储的网页资源包的版本标识，由后台服务器根据该版本标识来判断客户端已存储的网页资源包后续是否有更新版本。实际应用中，版本标识可以为版本号、更新日期等能够区分不同版本的标识信息，本公开实施例对版本标识的具体形式不作限定。随后，后台服务器会向客户端返回对网络资源包的反馈信息。

本公开实施例中，客户端接收对网络资源包的反馈信息，反馈信息包括第一增量包的链接或者网络资源包未更新的通知。

作为示例地，如果客户端存储的网络资源包的版本号是1.0.3，而后台服务器中的网络资源包的版本号是1.0.4，则后台服务器确定网络资源包存在较新的版本。那么，后台服务器基于预设差分算法，得到1.0.4版本与1.0.3版本之间的增量包，接着后台服务器向客户端返回该增量包的链接，即上述第一增量包的链接，以供客户端进行下载。

进而，客户端下载根据对版本标识对应的网页资源包与最新版本的网页资源包的差分处理生成的第一增量包，实际应用中，可以基于第一增量包的链接，下载第一增量包。随后基于第一增量包，更新已存储的网页资源包。这样，客户端便可使用更新的网页资源包来加载H5页面。除了保证加载最新的H5页面，还能通过该增量更新的方式来加快最新版本网络资源包的获取，并节省网络流量，进一步保证了加载的及时性。

进一步地，如果后台服务器不存在较新的版本，例如客户端本地的网络资源包的版本号是1.0.3，而后台服务器的网络资源包的版本号也是1.0.3，那么后台服务器可以网络资源包未更新的通知，具体可以返回空或返回一个标志。这种情况下，客户端可以直接使用已存储的网页资源包来加载H5页面。

本公开实施例还为网页资源包的更新提供了另一种可行的实现方式，若在应用程序开启后，后台服务器的网络资源包进行了更新，那么在下一次应用程序开启前，为保证客户端能够加载最新的H5页面，可以在客户端与后台服务器之间建立长连接，用于接收网页资源包的更新通知。

具体而言，后台服务器的网页资源包更新后，会及时进行广播。客户端在接收到网页资源包的更新通知后，下载第二增量包。

一种可行的实现方式中，后台服务器会在广播的更新通知中携带最新版本的网页资源包与不同历史版本的网页资源包之间分别差分得到的多个第二增量包的下载链接，并标注对应的历史版本标识。客户端在接收到网页资源包的更新通知后，根据本地存储的网络资源包的版本标识，确定从哪个下载链接下载第二增量包，并调用该下载链接进行下载。随后基于下载的第二增量包，更新本地存储的网页资源包。

另一种可行的实现方式中，客户端在接收到网页资源包的更新通知后，上传网页资源包的版本标识，例如向后台服务器发送请求下载网页资源包的请求消息，该请求消息中可以携带客户端已存储的网页资源包的版本标识，由后台服务器根据该版本标识，将对应的网页资源包与最新版本的网页资源包的进行差分处理，生成的对应的第二增量包。接着后台服务器向客户端返回该第二增量包的链接，以供客户端进行下载。

进而，客户端下载根据对版本标识对应的网页资源包与最新版本的网页资源包的差分处理生成的第二增量包。实际应用中，可以基于后台服务器提供的第二增量包的链接，下载第二增量包。随后基于第二增量包，更新已存储的网页资源包。

这样，客户端便可使用更新的网页资源包来加载H5页面。除了保证加载最新的H5页面，还能通过该增量更新的方式来加快最新版本网络资源包的获取，并节省网络流量，进一步保证了加载的及时性。

可以理解，上述第一增量包和第二增量包仅用于区分不同更新阶段的增量包，而不是对增量包的内容进行区分，实际应用中，第一增量包和第二增量包的内容可以相同，也可以不同，在此不做限定。

本公开实施例中，基于增量包来更新已存储的网页资源包的方式可以包括：客户端根据已存储的网页资源包的老压缩包，以及增量包，来计算新的压缩包，即更新后的网页资源包，老压缩包进行删除或替换即可。

本公开实施例提供的H5页面的加载方法，通过在本地存储的网页资源包来加载所需的网页资源，无需每次都从后台服务器下载，加快网页的加载速度，并能够有效节省网络流量。还能通过增量更新的方式来加快最新版本网络资源包的获取，并节省网络流量，进一步保证了加载的及时性。

本公开实施例还提供了一种H5页面的加载装置，如图2所示，该加载装置20可以包括：检测模块201以及加载模块202，其中，

检测模块201用于当应用程序中的网页视图控件需要加载网页资源时，检测本地是否存储有网页视图控件所需的网页资源对应的网页资源包；

加载模块202用于在检测到本地存储有网页资源包时，对网页资源包进行解析，并基于解析出的网页资源通过网页视图控件来加载H5页面。

在一种可选的实现方式中，该加载装置20还包括：

下载及存储模块，用于在应用程序启动时，下载并存储网页资源包。

在一种可选的实现方式中，该加载装置20还包括：

第一增量更新模块，用于在应用程序启动时，若检测到本地已存储有网页资源包，则上传已存储的网页资源包的版本标识；下载根据对版本标识对应的网页资源包与最新版本的网页资源包的差分处理生成的第一增量包；基于第一增量包，更新已存储的网页资源包。

在一种可选的实现方式中，该加载装置20还包括：

接收反馈模块，用于接收对网络资源包的反馈信息，反馈信息包括第一增量包的链接或者网络资源包未更新的通知；

当反馈信息为第一增量包的链接时，第一增量更新模块具体用于基于链接，下载第一增量包。

在一种可选的实现方式中，该加载装置20还包括：

第二增量更新模块，用于在接收到网页资源包的更新通知后，下载第二增量包；基于第二增量包，更新网页资源包。

在一种可选的实现方式中，第二增量更新模块具体用于上传网页资源包的版本标识；下载根据对版本标识对应的网页资源包与最新版本的网页资源包的差分处理生成的第二增量包。

在一种可选的实现方式中，网页资源包，包括以下至少一项：

CSS文件、JS文件、文字文件、图片文件、动画文件、音频文件、视频文件。

本公开实施例所提供的H5页面的加载装置，可以为设备上的特定硬件或者安装于设备上的软件或固件等，其实现原理及产生的技术效果和前述方法实施例相同，为简要描述，设备实施例部分未提及之处，可参考前述方法实施例中相应内容，在此不再赘述。

本公开实施例提供的H5页面的加载装置，通过在本地存储的网页资源包来加载所需的网页资源，无需每次都从后台服务器下载，加快网页的加载速度，并能够有效节省网络流量。还能通过增量更新的方式来加快最新版本网络资源包的获取，并节省网络流量，进一步保证了加载的及时性。

基于与本公开实施例中H5页面的加载方法相同的原理，本公开实施例还提供了一种电子设备，该电子设备包括存储器和处理器，存储器存储有至少一条指令、至少一段程序、代码集或指令集，至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行本公开上述任一实施例所示的方法。

基于与本公开实施例中H5页面的加载方法相同的原理，本公开实施例中还提供了一种计算机可读存储介质，计算机存储介质用于存储计算机指令、程序、代码集或指令集，当其在计算机上运行时，使得计算机执行本公开上述任一实施例所示的方法。

下面参考图3，其示出了适于用来实现本公开实施例的电子设备(例如图1对应的终端设备)30的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图3示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图3所示，电子设备30可以包括处理装置(例如中央处理器、图形处理器等)301，其可以根据存储在只读存储器(ROM)302中的程序或者从存储装置308加载到随机访问存储器(RAM)303中的程序而执行各种适当的动作和处理。在RAM 303中，还存储有电子设备30操作所需的各种程序和数据。处理装置301、ROM302以及RAM 303通过总线304彼此相连。输入/输出(I/O)接口305也连接至总线304。

通常，以下装置可以连接至I/O接口305：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置306；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置307；包括例如磁带、硬盘等的存储装置308；以及通信装置309。通信装置309可以允许电子设备30与其他设备进行无线或有线通信以交换数据。虽然图3示出了具有各种装置的电子设备30，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置309从网络上被下载和安装，或者从存储装置308被安装，或者从ROM 302被安装。在该计算机程序被处理装置301执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：当应用程序中的网页视图控件需要加载网页资源时，检测本地是否存储有网页视图控件所需的网页资源对应的网页资源包；在检测到本地存储有网页资源包时，对网页资源包进行解析，并基于解析出的网页资源通过网页视图控件来加载H5页面。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的***来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

以上所述仅是本公开的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本公开原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本公开的保护范围。

Claims (10)

1.一种H5页面的加载方法，其特征在于，包括：

当应用程序中的网页视图控件需要加载网页资源时，检测本地是否存储有所述网页视图控件所需的网页资源对应的网页资源包；

在检测到本地存储有所述网页资源包时，对所述网页资源包进行解析，并基于解析出的网页资源通过所述网页视图控件来加载H5页面。

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

在应用程序启动时，下载并存储所述网页资源包。

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

在应用程序启动时，若检测到本地已存储有网页资源包，则上传所述已存储的网页资源包的版本标识；

下载根据对所述版本标识对应的网页资源包与最新版本的网页资源包的差分处理生成的第一增量包；

基于所述第一增量包，更新所述已存储的网页资源包。

4.根据权利要求3所述的加载方法，其特征在于，所述上传所述已存储的网页资源包的版本标识之后，还包括：

接收对网络资源包的反馈信息，所述反馈信息包括所述第一增量包的链接或者网络资源包未更新的通知；

当所述反馈信息为所述第一增量包的链接时，所述下载根据对所述版本标识对应的网页资源包与最新版本的网页资源包的差分处理生成的第一增量包，包括：

基于所述链接，下载所述第一增量包。

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

在接收到网页资源包的更新通知后，下载第二增量包；

基于所述第二增量包，更新所述网页资源包。

6.根据权利要求5所述的加载方法，其特征在于，还包括：所述下载第二增量包，包括：

上传所述网页资源包的版本标识；

下载根据对所述版本标识对应的网页资源包与最新版本的网页资源包的差分处理生成的第二增量包。

7.根据权利要求1-6任一项所述的加载方法，其特征在于，所述网页资源包，包括以下至少一项：

CSS文件、JS文件、文字文件、图片文件、动画文件、音频文件、视频文件。

8.一种H5页面的加载装置，其特征在于，包括：

检测模块，用于当应用程序中的网页视图控件需要加载网页资源时，检测本地是否存储有所述网页视图控件所需的网页资源对应的网页资源包；

加载模块，用于在检测到本地存储有所述网页资源包时，对所述网页资源包进行解析，并基于解析出的网页资源通过所述网页视图控件来加载H5页面。

9.一种电子设备，其特征在于，包括：

处理器和存储器，所述存储器存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1-7任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机存储介质用于存储计算机指令、程序、代码集或指令集，当其在计算机上运行时，使得计算机执行如权利要求1-7任一项所述的方法。