[发明专利]H5页面的加载方法、装置和计算机设备

说明书

本申请提出了一种H5页面的加载方法、装置和计算机设备，其中，上述H5页面的加载方法包括：接收用户启动目标应用的第一操作信息；根据所述第一操作信息获取所述目标应用中集成的展示数据，所述展示数据包括所述目标应用的H5首屏的数据；根据所述展示数据加载并展示所述目标应用的H5首屏页面。本申请中，由于H5首屏页面的数据是预先集成在目标应用中的，因此展示H5首屏页面不需进行网络请求，极大减少了H5首屏页面的加载时间，弥补了H5页面加载过程中的白屏缺陷，提升了用户体验。

【技术领域】

本申请涉及互联网应用技术领域，尤其涉及一种H5页面的加载方法、装置和计算机设备。

【背景技术】

相关技术中，随着超文本标记语言第5版本(HyperText Markup Language 5；以下简称：H5)的定稿，混合模式移动应用(Hybrid Application；以下简称：Hybrid App)也成为了一种趋势，越来越多应用的前端场景都广泛应用H5技术。H5代替应用本身页面(AppNative)实现的优势，一方面在于H5页面的开发成本低，另一方面在于H5页面可以更加快捷的更新迭代。现有相关技术中，H5页面最大的痛点是，H5页面加载过程中白屏时间太长，有时候还会出现加载失败的情况，导致用户体验和功能可用性较差。

现有的优化H5页面的加载性能的方案，大部分集中在网络层和服务端方面，具体来说，主要是1、降低请求量；2、加快请求速度；3、缓存H5页面。上述方案虽然可以从一定程度上提升H5页面的加载速度，但是受限于网络环境的影响，并没有解决H5页面加载过程中的白屏缺陷。

【发明内容】

本申请实施例提供了一种H5页面的加载方法、装置和计算机设备，以实现减少H5页面的加载时间，弥补H5页面加载过程中的白屏缺陷。

第一方面，本申请实施例提供了一种H5页面的加载方法，包括：接收用户启动目标应用的第一操作信息；根据所述第一操作信息获取所述目标应用中集成的展示数据，所述展示数据包括所述目标应用的H5首屏的数据；根据所述展示数据加载并展示所述目标应用的H5首屏页面。

其中在一种可能的实现方式中，所述根据所述第一操作信息获取所述目标应用中集成的展示数据之前，还包括：将所述目标应用的H5首屏的数据集成到所述目标应用中。

其中在一种可能的实现方式中，所述根据所述展示数据加载并展示所述目标应用的H5首屏页面包括：通过网页视图组件加载所述展示数据，并根据所述展示数据渲染所述目标应用的H5首屏页面。

其中在一种可能的实现方式中，所述网页视图组件对所述用户不可见；和/或，所述网页视图组件的大小为1像素。

其中在一种可能的实现方式中，所述根据所述展示数据加载并展示所述目标应用的H5首屏页面之后，还包括：接收所述用户在所述H5首屏页面上输入的第二操作信息；根据所述第二操作信息发送超文本传输协议请求，以执行所述第二操作信息所请求的操作。

第二方面，本申请实施例提供一种H5页面的加载装置，包括：接收模块，用于接收用户启动目标应用的第一操作信息；获取模块，用于根据所述第一操作信息获取所述目标应用中集成的展示数据，所述展示数据包括所述目标应用的H5首屏的数据；加载模块，用于根据所述获取模块获取的展示数据加载并展示所述目标应用的H5首屏页面。

其中在一种可能的实现方式中，上述H5页面的加载装置还包括：集成模块，用于在所述获取模块根据所述第一操作信息获取所述目标应用中集成的展示数据之前，将所述目标应用的H5首屏的数据集成到所述目标应用中。

其中在一种可能的实现方式中，所述加载模块，具体用于通过网页视图组件加载所述展示数据，并根据所述展示数据渲染所述目标应用的H5首屏页面。

其中在一种可能的实现方式中，所述网页视图组件对所述用户不可见；和/或，所述网页视图组件的大小为1像素。