[发明专利]H5页面加载方法、装置、计算机设备及存储介质

说明书

本申请实施例属于计算机领域，应用于智慧社区领域中，涉及一种H5页面加载方法、装置、计算机设备及存储介质，包括调用承载页面控件的目标Activity，确定当前网络状态是否为稳定连接状态；在网络状态为非稳定连接状态时，向服务端发送异常信号；在所述异常信号发送失败或预设时间段内未接收到服务端返回的应答信号时，获取目标H5页面地址并保存至本地变量；调取预存的异常展示控件，将异常展示控件覆盖在页面控件上，其中，异常展示控件中存储有网络异常显示页面；在识别到网络状态为稳定连接状态时，隐藏异常展示控件，获取并加载目标H5页面地址。网络异常显示页面可存储于区块链中。本申请在网络恢复时，无需关闭再重新打开原生端，提升用户体验。

技术领域

本申请涉及计算机技术领域，尤其涉及H5页面加载方法、装置、计算机设备及存储介质。

背景技术

现有应用程序大多是hybrid框架，由H5页面构成,通过页面控件(Webview)承载在原生端展示，网络加载慢，无网络或者加载异常通常会有加载失败的页面。

目前，对于这种情况，第一种处理方式是每个H5模块单独处理，在进入页面后，H5页面判断有没有网络或者异常，展示特有的异常页面。但是，这种处理方式工作量大，每各H5页面都需要单独处理。第二种处理方式是原生端处理，原生端在判断无网络时调用loadUrl方法展示一个有异常的html页面。但是，通过这种处理方式处理后，在网络恢复时，只能关闭原生端再重新打开原生端才能回到正常页面，且还需要处理页面控件栈中加载过的异常页面。

发明内容

本申请实施例的目的在于提出一种H5页面加载方法、装置、计算机设备及存储介质，在网络恢复时，无需关闭再重新打开原生端，提升用户体验。

为了解决上述技术问题，本申请实施例提供一种H5页面加载方法，采用了如下所述的技术方案：

一种H5页面加载方法，包括下述步骤：

接收页面加载指令，确定出原生端中承载页面控件的Activity，作为目标Activity；

调用所述目标Activity确定当前网络状态是否为稳定连接状态；

在网络状态为非稳定连接状态时，向服务端发送异常信号；

在所述异常信号发送失败或预设时间段内未接收到服务端返回的应答信号时，获取所述页面加载指令携带的目标H5页面地址，将所述目标H5页面地址保存至本地变量中；

调取预先存储至原生端中的异常展示控件，将所述异常展示控件覆盖在所述页面控件上，其中，所述异常展示控件中存储有预先渲染的网络异常显示页面；

在识别到所述网络状态从非稳定连接状态恢复为稳定连接状态时，隐藏所述异常展示控件，并获取所述本地变量中的目标H5页面地址，加载所述目标H5页面地址，以在原生端中展示目标H5页面。

进一步的，所述调用所述目标Activity确定当前网络状态是否为稳定连接状态的步骤包括：

确定当前网络连接情况，在当前网络已连接时，获取网络连接强度，确定网络连接强度是否小于强度阈值，在网络连接强度小于强度阈值时，确定所述网络状态为非稳定连接状态。

进一步的，所述在当前网络已连接时，获取网络连接强度，确定网络连接强度是否小于强度阈值，在网络连接强度小于强度阈值时，确定所述网络状态为非稳定连接状态的步骤包括：

在当前网络已连接时，获取网络类型，根据所述网络类型确定与所述网络类型相关联的强度阈值，作为目标强度阈值，其中，所述网络类型与所述强度阈值为一一对应的关联关系；

实时获取当前网速，将所述网速作为所述网络连接强度，确定所述网络连接强度是否小于所述目标强度阈值；