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

权利要求书

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

响应于页面访问指令，进入H5页面；

在所述H5页面显示原生加载态；

获取所述H5页面对应的第一HTML文件；

根据所述第一HTML文件确定所述H5页面所需的第一资源，包括：对所述第一HTML文件进行解析，得到多个脚本语言节点；根据所述多个脚本语言节点内容创建DOM节点树；从所述DOM节点树的根节点开始遍历所述DOM节点树中的每一个DOM节点；将遍历到的DOM节点内容确定为所述H5页面所需的第一资源，并下载所述第一资源，包括：向预设服务器发起所述第一资源的获取请求，所述第一资源的获取请求用于获取所述第一资源的目标资源路径；接收所述预设服务器针对所述第一资源的获取请求的反馈信息，所述反馈信息中携带所述目标资源路径；下载所述目标资源路径对应的第一资源；

计算所述H5页面加载所述第一资源的首屏时间，包括获取接收到所述页面访问指令的第一时间点；通过视窗属性值获取所述H5页面的可视区域，并从所述第一资源中获取位于所述可视区域内的目标元素；获取所述目标元素的打开时间并根据所述打开时间确定第二时间点；根据所述第二时间点及所述第一时间点计算首屏时间；

根据所述首屏时间设置定时器，响应于所述定时器到期，隐藏所述原生加载态；

根据所述第一资源对所述H5页面进行渲染并显示；

响应于H5页面的切换指令，获取切换的H5页面所需的第二资源；

根据所述第一资源及所述第二资源确定目标资源并下载所述目标资源；

根据所述目标资源对所述切换的H5页面进行渲染并显示。

2.如权利要求1所述的页面加载方法，其特征在于，在隐藏所述原生加载态之后，所述方法还包括：

遍历获取所述第一资源的标签，并在每个标签中添加目标事件；

查看所述目标事件的状态；

根据所述目标事件的状态判断所述第一资源是否下载完毕；

当根据所述目标事件的状态确定所述第一资源下载完毕，触发所述下载完毕指令并执行所述根据所述第一资源对所述H5页面进行渲染并显示。

3.如权利要求2所述的页面加载方法，其特征在于，所述根据所述目标事件的状态判断所述第一资源是否下载完毕包括：

判断每个目标事件的状态是否为预设状态；

当每个目标事件的状态为所述预设状态时，确定所述第一资源下载完毕；

当至少有一个目标事件的状态不为所述预设状态时，确定所述第一资源未下载完毕。

4.如权利要求1至3中任意一项所述的页面加载方法，其特征在于，所述目标资源为所述第一资源中与所述第二资源不同的资源。

5.一种页面加载装置，用于实现如权利要求1至4中任意一项所述的页面加载方法，其特征在于，所述装置包括：

进入模块，用于响应于页面访问指令，进入H5页面；

显示模块，用于在所述H5页面显示原生加载态；

获取模块，用于获取所述H5页面对应的第一HTML文件；

下载模块，用于根据所述第一HTML文件确定所述H5页面所需的第一资源，并下载所述第一资源；

计算模块，用于计算所述H5页面加载所述第一资源的首屏时间；

隐藏模块，用于根据所述首屏时间设置定时器，响应于所述定时器到期，隐藏所述原生加载态；

渲染模块，用于根据所述第一资源对所述H5页面进行渲染并显示；

所述获取模块，还用于响应于H5页面的切换指令，获取切换的H5页面所需的第二资源；

所述下载模块，还用于根据所述第一资源及所述第二资源确定目标资源并下载所述目标资源；

所述渲染模块，还用于根据所述目标资源对所述切换的H5页面进行渲染并显示。

6.一种电子设备，其特征在于，所述电子设备包括处理器和存储器，所述处理器用于执行存储器中存储的计算机程序时实现如权利要求1至4中任意一项所述页面加载方法。

7.一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至4中任意一项所述页面加载方法。