[发明专利]H5页面的加载方法、装置、电子设备及可读存储介质

说明书

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

技术领域

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

背景技术

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

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

发明内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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