[发明专利]一种H5页面加载方法及装置

说明书

本发明提供了一种H5页面加载方法及装置，其中，该方法包括：当应用程序加载H5页面时，检测本地是否存储有该H5页面对应的H5资源包；在检测到本地存储有该H5资源包的情况下，对该H5资源包进行解压，得到HTML文件，并根据该HTML文件加载该H5页面，可以解决相关技术中每次打开H5页面都从远端请求H5资源包，耗费大量网络资源，且会出现白屏、刷新慢等现象的问题，通过对H5页面的预加载，保证了APP启动的速度，极大提高用户使用体验。

技术领域

本发明涉及通信领域，具体而言，涉及一种H5页面加载方法及装置。

背景技术

H5页面因其热更新、开发速度快等优点，越来越多用到了移动端APP(Application)的开发中，原生组件+H5页面混合展示业务的混合开发模式变得普遍。但H5页面应用到移动端APP开发中，也有其缺点，如在手机离线状态下，H5页面无法加载的问题。且在H5页面热更新完成新版本上线的过程中，打开同一页面，会出现新旧页面刷新的现象，用户体验不佳。在物联网方向，因要控制的设备品类、型号非常多，使用H5页面来做加载多个详情页时，上述问题尤为严重。

APP每次启动过程中大批量下载H5资源包，缺点为APP启动速度慢；每次打开H5页面都请求一遍远端，缺点为耗费大量网络资源，降低用户体验，页面往往会出现白屏、刷新慢等现象。

针对相关技术中每次打开H5页面都从远端请求H5资源包，耗费大量网络资源，且会出现白屏、刷新慢等现象的问题，尚未提出解决方案。

发明内容

本发明实施例提供了一种H5页面加载方法及装置，以至少解决相关技术中每次打开H5页面都从远端请求H5资源包，耗费大量网络资源，且会出现白屏、刷新慢等现象的问题。

根据本发明的一个实施例，提供一种H5页面加载方法，包括：

当应用程序加载H5页面时，检测本地是否存储有所述H5页面对应的H5资源包；

在检测到本地存储有所述H5资源包的情况下，对所述H5资源包进行解压，得到超文本标记语言(Hyper Text Mark-up Language，简称为HTML)文件，并根据所述HTML文件加载所述H5页面。

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

在检测到本地未存储所述H5资源包的情况下，从服务器获取所述H5页面对应的H5资源包，并将所述H5资源包存储到本地；

对所述H5资源包进行解压，得到所述HTML文件，并根据所述HTML文件加载所述H5页面。

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

向所述服务器发送获取H5资源包列表的第一请求消息；

接收所述服务器根据所述第一请求消息发送的第一响应消息，其中，所述第一响应消息中携带有所有H5资源包对应的版本号；

根据接收到的所述H5资源包对应的版本号更新本地存储的H5资源包。

可选地，根据接收到的所述H5资源包对应的版本号更新本地存储的H5资源包包括：

将本地存储的H5资源包的版本号与接收到的H5资源包对应的版本号进行对比；

确定待更新的目标资源包，其中，所述目标资源包为所述本地存储的H5资源包中版本号低于所述接收到的H5资源包对应的版本号的H5资源包；

从所述服务器获取所述待更新的目标资源包；

根据获取的所述待更新的目标资源包更新本地存储的所述目标资源包。

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

接收服务器发送的H5资源包更新的推送消息，其中，所述推送消息中携带有待更新的资源包名称与版本号；