CN113452579A - H5页面加载方法、装置、计算机设备及存储介质 - Google Patents

Abstract

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

Description

H5页面加载方法、装置、计算机设备及存储介质

技术领域

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

背景技术

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

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

发明内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在所述网络连接强度小于所述目标强度阈值时，确定所述网络状态为非稳定连接状态。

进一步的，在在网络状态为非稳定连接状态时，向服务端发送异常信号之后，还包括：

在预设时间段内接收到服务端返回的应答信号时，获取所述应答信号携带的替换地址，加载所述替换地址，以在原生端中展示替换页面；其中，所述异常信号与所述应答信号相对应，所述异常信号携带有所述目标H5页面地址。

进一步的，所述确定出原生端中承载页面控件的Activity，作为目标Activity的步骤包括：

获取Activity信息记录表，从所述Activity信息记录表中查找到与H5页面相关联的Activity的名称，作为目标名称；

基于所述目标名称从所述原生端中确定出承载页面控件的Activity，作为所述目标Activity。

进一步的，所述在识别到网络状态为稳定连接状态时，隐藏所述异常展示控件的步骤包括：

所述网络异常显示页面中包括重新加载按钮，在检测到用户点击所述重新加载按钮时，判断当前网络状态是否为稳定连接状态；

在当前网络状态为稳定连接状态时，隐藏所述异常展示控件。

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

确定当前网络连接情况，在当前网络未连接时，确定所述网络状态为非稳定连接状态。

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

一种H5页面加载装置，其特征在于，包括：

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

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

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

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

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

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

为了解决上述技术问题，本申请实施例还提供一种计算机设备，采用了如下所述的技术方案：

一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述处理器执行所述计算机可读指令时实现上述的H5页面加载方法的步骤。

为了解决上述技术问题，本申请实施例还提供一种计算机可读存储介质，采用了如下所述的技术方案：

一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机可读指令，所述计算机可读指令被处理器执行时实现上述的H5页面加载方法的步骤。

与现有技术相比，本申请实施例主要有以下有益效果：

本申请中的过程通过原生端统一处理，减少了工作量，不需要每个H5模块去做网络状态判断。在网络状态为非稳定连接状态时，通过向服务端发送异常信号，实现优先与服务端进行交互，确定能否替换页面，以保证用户的无感知。在无法与服务端交互时，通过将存储有预先渲染的网络异常显示页面的异常展示控件，覆盖在页面控件上，实现对用户进行异常页面展示的同时，无需单独展示一个用来显示异常的html页面，进而在网络恢复时，只需要隐藏异常展示控件即可，能够直接显示正常页面，无需关闭再重新打开原生端，更加无需后续进一步处理页面控件栈中加载过的异常页面，提升用户体验的同时，降低计算机的负载，减少人员的多余工作量，提升工作效率。

附图说明

为了更清楚地说明本申请中的方案，下面将对本申请实施例描述中所需要使用的附图作一个简单介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请可以应用于其中的示例性系统架构图；

图2是根据本申请的H5页面加载方法的一个实施例的流程图；

图3是根据本申请的H5页面加载装置的一个实施例的结构示意图；

图4是根据本申请的计算机设备的一个实施例的结构示意图。

附图标记：200、计算机设备；201、存储器；202、处理器；203、网络接口；300、H5页面加载装置；301、接收模块；302、调用模块；303、发送模块；304、获取模块；305、覆盖模块；306、展示模块。

具体实施方式

除非另有定义，本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同；本文中在申请的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本申请；本申请的说明书和权利要求书及上述附图说明中的术语“包括”和“具有”以及它们的任何变形，意图在于覆盖不排他的包含。本申请的说明书和权利要求书或上述附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于描述特定顺序。

在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。

为了使本技术领域的人员更好地理解本申请方案，下面将结合附图，对本申请实施例中的技术方案进行清楚、完整地描述。

如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用，例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。

终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture ExpertsGroup Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving PictureExperts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。

服务器105可以是提供各种服务的服务器，例如对终端设备101、102、103上显示的页面提供支持的后台服务器。

需要说明的是，本申请实施例所提供的H5页面加载方法一般由服务器/终端设备执行，相应地，H5页面加载装置一般设置于服务器/终端设备中。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

继续参考图2，示出了根据本申请的H5页面加载方法的一个实施例的流程图。所述的H5页面加载方法，包括以下步骤：

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

在本实施例中，本申请中页面控件指WebView，WebView是一个基于WebKit引擎，展现Web页面的控件。一个原生端(即原生应用端)通常由多个Activity构成，每个Activity提供一个用户与应用进行交互的页面，用户在Activity中使用该应用的各个功能，如打电话、看电影、读新闻、查地图等。在接收到页面加载指令时，即开始执行寻找并确定出原生端中承载WebView的Activity，将其作为目标Activity，用于后续操作。

在本实施例中，H5页面加载方法运行于其上的电子设备(例如图1所示的服务器/终端设备)可以通过有线连接方式或者无线连接方式接收页面加载指令。需要指出的是，上述无线连接方式可以包括但不限于3G/4G连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB(ultra wideband)连接、以及其他现在已知或将来开发的无线连接方式。

具体的，在步骤S1中，即所述确定出原生端中承载页面控件的Activity，作为目标Activity的步骤包括：

获取Activity信息记录表，从所述Activity信息记录表中查找到与H5页面相关联的Activity的名称，作为目标名称；

基于所述目标名称从所述原生端中确定出承载页面控件的Activity，作为所述目标Activity。

在本实施例中，原生端是由多个Activity组成的，但是H5页面一般是用同一个Activity承载，这个Activity通过命名就可以区分出来。只有用于打开H5页面的Activity才有对应的Webview。

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

在本实施例中，通过目标Activity判断当前网络状态是否是稳定连接状态,进而根据网络状态确定后续的执行过程。

具体的，在步骤S2中，即调用所述目标Activity确定当前网络状态是否为稳定连接状态的步骤包括：

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

在本实施例中，在网络连接强度大于或等于强度阈值时，确定网络为稳定连接状态。确定网络异常时，将要加载的H5页面保存至本地变量中。在后续的通过loadurl方法加载地址之前，先进行无网或者弱网判断，在检测到存在异常时，不加载H5页面，将要加载的H5页面保存在本地变量中。在网络为稳定连接状态时，直接通过loadurl方法加载页面加载指令携带的地址。

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

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

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

在所述网络连接强度小于所述目标强度阈值时，确定所述网络状态为非稳定连接状态。

在本实施例中，网络判断是由Activity来执行，弱网判断获取网络类型，网络类型包括3G、4G、5G和Wifi等。获取实时网速，通过判断网速大小来判断当前是否网络异常。其中，不同的网络类型对应不同的强度阈值，即网络类型与强度阈值为一一对应的关联关系，如，3G对应的是3kb/s，4G对应的是10kb/s。其中，强度阈值是服务端配置的。小于强度阈值，则判定为弱网，确定网络异常。通过对不同的网络类型关联不同的强度阈值，能够实现对网络状态的灵活判断，在3G网络下，网速无法达到较高的状态，则配置相对于WiFi网络下较低的强度阈值，更加适用于对于3G网络下网络状态的判断。

此外，在步骤S2中，即调用所述目标Activity确定当前网络状态是否为稳定连接状态的步骤包括：

确定当前网络连接情况，在当前网络未连接时，确定所述网络状态为非稳定连接状态。

在本实施例中，在网络为未连接状态时，确定网络为异常，当前网络状态不为稳定连接状态，并同时提醒用户检查网线情况。在确定网络异常时，将要加载的H5页面的地址保存至本地变量中。

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

在本实施例中，在网络状态为非稳定连接状态时，确定网络异常，向服务端发送异常信号，异常信号携带有要加载得到目标H5页面地址。服务端接收到异常信号后，能够根据异常信号携带的要加载得到目标H5页面地址，下发可替换该地址的，更加简洁易于加载，同时页面中依然能够展示必要功能的地址。

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

在本实施例中，在所述异常信号发送失败时，确定网络未连接，直接将要加载的目标H5页面地址保存至本地变量中。在异常信号发送成功时，确定为弱网状况，等待预设时间段后，依然未接收到服务端返回的应答信号时，将要加载的目标H5页面地址保存至本地变量中。

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

在本实施例中，原生端预选存储有一个异常展示控件(View)，该异常展示控件中预先渲染有一个显示无网络或网络异常的页面，在判断网络异常，将要加载的H5页面的地址保存至本地变量中，将该异常展示控件(View)覆盖在整个页面控件(Webview)的上方。则原生端中即展示该异常展示控件渲染的异常页面，其中，该异常页面上面有一个重新加载的按钮。

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

在本实施例中，原生端使用观察者模式监听，当恢复正常时或者在用户点击重新加载的按钮时，隐藏覆盖在webview上层的原生view，然后拿到保存在本地变量中的目标H5页面地址(url)，执行loadurl方法，即能够展示正常的H5页面。

具体的，在步骤S6中，即所述在识别到网络状态为稳定连接状态时，隐藏所述异常展示控件的步骤包括：

实时监控所述网络状态，在监控到所述网络状态为稳定连接状态时，隐藏所述异常展示控件。

在本实施例中，实时监控网络状态，在网络状态为稳定连接状态时，立刻隐藏异常展示控件，以使得页面控件(Webview)能够渲染目标H5页面，提升页面加载的效率。

此外，在步骤S6中，即所述在识别到网络状态为稳定连接状态时，隐藏所述异常展示控件的步骤包括：

所述网络异常显示页面中包括重新加载按钮，在检测到用户点击所述重新加载按钮时，判断当前网络状态是否为稳定连接状态；

在当前网络状态为稳定连接状态时，隐藏所述异常展示控件。

在本实施例中，无需实时监控网络状态，在检测到用户点击重新加载按钮时，判断当前网络状态是否为稳定连接状态，提升用户与计算机的交互性。

在本实施例的一些可选的实现方式中，在步骤S3，即在网络状态为非稳定连接状态时，向服务端发送异常信号之后，上述电子设备还可以执行以下步骤：

在预设时间段内接收到服务端返回的应答信号时，获取所述应答信号携带的替换地址，加载所述替换地址，以在原生端中展示替换页面；其中，所述异常信号与所述应答信号相对应，所述异常信号携带有所述目标H5页面地址。

在本实施例中，加载到异常页面时，还可以和服务端做通信，把要加载的页面信息发给服务端，服务端下发需要替换的页面，然后原生端再展示出来。比如要加载的页面是图片验证码页面，但是检测到网差无法加载出图片，则服务端会实时替换成文字验证码页面，保证用户的流程不中断。检测到异常和服务端通信，服务端下发需要的在线异常页面，比起写在本地固定的html，这样处理更加灵活，更加动态化。不同模块展示对应的异常页面。本申请是通过原生端去展示H5页面加载异常的情况，比如同一个H5页面发生异常，但是由于服务端返回的替换地址不同，则在android端和ios端可以展现的不一样的替换页面。同时，在服务端及时返回替换地址时，本申请实现了异常页面实时替换方法，不阻碍流程的进行。在服务端无法及时返回替换地址时，本申请也可以通过异常展示控件显示网络异常显示页面，在网络恢复时，无需关闭再重新打开原生端。

需要强调的是，为进一步保证上述网络异常显示页面的私密和安全性，上述网络异常显示页面还可以存储于一区块链的节点中。

本申请所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。

本申请可应用于智慧社区领域中，从而推动智慧城市的建设。

本申请中的过程通过原生端统一处理，减少了工作量，不需要每个H5模块去做网络状态判断。在网络状态为非稳定连接状态时，通过向服务端发送异常信号，实现优先与服务端进行交互，确定能否替换页面，以保证用户的无感知。在无法与服务端交互时，通过将存储有预先渲染的网络异常显示页面的异常展示控件，覆盖在页面控件上，实现对用户进行异常页面展示的同时，无需单独展示一个用来显示异常的html页面，进而在网络恢复时，只需要隐藏异常展示控件即可，能够直接显示正常页面，无需关闭再重新打开原生端，更加无需后续进一步处理页面控件栈中加载过的异常页面，提升用户体验的同时，降低计算机的负载，减少人员的多余工作量，提升工作效率。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，该计算机可读指令可存储于一计算机可读取存储介质中，该计算机可读指令在执行时，可包括如上述各方法的实施例的流程。其中，前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)等非易失性存储介质，或随机存储记忆体(Random Access Memory，RAM)等。

应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

进一步参考图3，作为对上述图2所示方法的实现，本申请提供了一种H5页面加载装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。

如图3所示，本实施例所述的H5页面加载装置300包括：接收模块301、调用模块302、发送模块303、获取模块304、覆盖模块305以及展示模块306。其中：接收模块301，用于接收页面加载指令，确定出原生端中承载页面控件的Activity，作为目标Activity；调用模块302，用于调用所述目标Activity确定当前网络状态是否为稳定连接状态；发送模块303，用于在网络状态为非稳定连接状态时，向服务端发送异常信号；获取模块304，用于在所述异常信号发送失败或预设时间段内未接收到服务端返回的应答信号时，获取所述页面加载指令携带的目标H5页面地址，将所述目标H5页面地址保存至本地变量中；覆盖模块305，用于调取预先存储至原生端中的异常展示控件，将所述异常展示控件覆盖在所述页面控件上，其中，所述异常展示控件中存储有预先渲染的网络异常显示页面；展示模块306，用于在识别到所述网络状态从非稳定连接状态恢复为稳定连接状态时，隐藏所述异常展示控件，并获取所述本地变量中的目标H5页面地址，加载所述目标H5页面地址，以在原生端中展示目标H5页面。

在本实施例中，本申请中的过程通过原生端统一处理，减少了工作量，不需要每个H5模块去做网络状态判断。在网络状态为非稳定连接状态时，通过向服务端发送异常信号，实现优先与服务端进行交互，确定能否替换页面，以保证用户的无感知。在无法与服务端交互时，通过将存储有预先渲染的网络异常显示页面的异常展示控件，覆盖在页面控件上，实现对用户进行异常页面展示的同时，无需单独展示一个用来显示异常的html页面，进而在网络恢复时，只需要隐藏异常展示控件即可，能够直接显示正常页面，无需关闭再重新打开原生端，更加无需后续进一步处理页面控件栈中加载过的异常页面，提升用户体验的同时，降低计算机的负载，减少人员的多余工作量，提升工作效率。

接收模块301包括获取子模块和确定子模块。其中，获取子模块用于获取Activity信息记录表，从所述Activity信息记录表中查找到与H5页面相关联的Activity的名称，作为目标名称；确定子模块用于基于所述目标名称从所述原生端中确定出承载页面控件的Activity，作为所述目标Activity。

在本实施例的一些可选的实现方式中，上述调用模块302进一步用于：确定当前网络连接情况，在当前网络已连接时，获取网络连接强度，确定网络连接强度是否小于强度阈值，在网络连接强度小于强度阈值时，确定所述网络状态为非稳定连接状态。

调用模块302包括网络类型获取子模块、网速获取子模块和网络状态确定子模块。其中，网络类型获取子模块用于在当前网络已连接时，获取网络类型，根据所述网络类型确定与所述网络类型相关联的强度阈值，作为目标强度阈值，其中，所述网络类型与所述强度阈值为一一对应的关联关系；网速获取子模块用于实时获取当前网速，将所述网速作为所述网络连接强度，确定所述网络连接强度是否小于所述目标强度阈值；网络状态确定子模块用于在所述网络连接强度小于所述目标强度阈值时，确定所述网络状态为非稳定连接状态。

在本实施例的一些可选的实现方式中，上述调用模块302进一步用于：确定当前网络连接情况，在当前网络未连接时，确定所述网络状态为非稳定连接状态。

在本实施例的一些可选的实现方式中，上述展示模块306进一步用于：实时监控所述网络状态，在监控到所述网络状态为稳定连接状态时，隐藏所述异常展示控件。

展示模块306包括检测子模块和隐藏子模块。其中，检测子模块用于所述网络异常显示页面中包括重新加载按钮，在检测到用户点击所述重新加载按钮时，判断当前网络状态是否为稳定连接状态；隐藏子模块用于在当前网络状态为稳定连接状态时，隐藏所述异常展示控件。

在本实施例的一些可选的实现方式中，上述装置300还包括：加载模块，用于在预设时间段内接收到服务端返回的应答信号时，获取所述应答信号携带的替换地址，加载所述替换地址，以在原生端中展示替换页面；其中，所述异常信号与所述应答信号相对应，所述异常信号携带有所述目标H5页面地址。

本申请中的过程通过原生端统一处理，减少了工作量，不需要每个H5模块去做网络状态判断。在网络状态为非稳定连接状态时，通过向服务端发送异常信号，实现优先与服务端进行交互，确定能否替换页面，以保证用户的无感知。在无法与服务端交互时，通过将存储有预先渲染的网络异常显示页面的异常展示控件，覆盖在页面控件上，实现对用户进行异常页面展示的同时，无需单独展示一个用来显示异常的html页面，进而在网络恢复时，只需要隐藏异常展示控件即可，能够直接显示正常页面，无需关闭再重新打开原生端，更加无需后续进一步处理页面控件栈中加载过的异常页面，提升用户体验的同时，降低计算机的负载，减少人员的多余工作量，提升工作效率。

为解决上述技术问题，本申请实施例还提供计算机设备。具体请参阅图4，图4为本实施例计算机设备基本结构框图。

所述计算机设备200包括通过系统总线相互通信连接存储器201、处理器202、网络接口203。需要指出的是，图中仅示出了具有组件201-203的计算机设备200，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。其中，本技术领域技术人员可以理解，这里的计算机设备是一种能够按照事先设定或存储的指令，自动进行数值计算和/或信息处理的设备，其硬件包括但不限于微处理器、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程门阵列(Field－Programmable Gate Array，FPGA)、数字处理器(Digital Signal Processor，DSP)、嵌入式设备等。

所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。

所述存储器201至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，所述存储器201可以是所述计算机设备200的内部存储单元，例如该计算机设备200的硬盘或内存。在另一些实施例中，所述存储器201也可以是所述计算机设备200的外部存储设备，例如该计算机设备200上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)等。当然，所述存储器201还可以既包括所述计算机设备200的内部存储单元也包括其外部存储设备。本实施例中，所述存储器201通常用于存储安装于所述计算机设备200的操作系统和各类应用软件，例如H5页面加载方法的计算机可读指令等。此外，所述存储器201还可以用于暂时地存储已经输出或者将要输出的各类数据。

所述处理器202在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器202通常用于控制所述计算机设备200的总体操作。本实施例中，所述处理器202用于运行所述存储器201中存储的计算机可读指令或者处理数据，例如运行所述H5页面加载方法的计算机可读指令。

所述网络接口203可包括无线网络接口或有线网络接口，该网络接口203通常用于在所述计算机设备200与其他电子设备之间建立通信连接。

在本实施例中，在网络恢复时，只需要隐藏异常展示控件即可，能够直接显示正常页面，无需关闭再重新打开原生端，更加无需后续进一步处理页面控件栈中加载过的异常页面，提升用户体验的同时，降低计算机的负载，减少人员的多余工作量，提升工作效率。

本申请还提供了另一种实施方式，即提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可读指令，所述计算机可读指令可被至少一个处理器执行，以使所述至少一个处理器执行如上述的H5页面加载方法的步骤。

在本实施例中，在网络恢复时，只需要隐藏异常展示控件即可，能够直接显示正常页面，无需关闭再重新打开原生端，更加无需后续进一步处理页面控件栈中加载过的异常页面，提升用户体验的同时，降低计算机的负载，减少人员的多余工作量，提升工作效率。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本申请各个实施例所述的方法。

显然，以上所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例，附图中给出了本申请的较佳实施例，但并不限制本申请的专利范围。本申请可以以许多不同的形式来实现，相反地，提供这些实施例的目的是使对本申请的公开内容的理解更加透彻全面。尽管参照前述实施例对本申请进行了详细的说明，对于本领域的技术人员来而言，其依然可以对前述各具体实施方式所记载的技术方案进行修改，或者对其中部分技术特征进行等效替换。凡是利用本申请说明书及附图内容所做的等效结构，直接或间接运用在其他相关的技术领域，均同理在本申请专利保护范围之内。

Claims (10)

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

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

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

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

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

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

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

2.根据权利要求1所述的H5页面加载方法，其特征在于，所述调用所述目标Activity确定当前网络状态是否为稳定连接状态的步骤包括：

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

3.根据权利要求2所述的H5页面加载方法，其特征在于，所述在当前网络已连接时，获取网络连接强度，确定网络连接强度是否小于强度阈值，在网络连接强度小于强度阈值时，确定所述网络状态为非稳定连接状态的步骤包括：

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

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

在所述网络连接强度小于所述目标强度阈值时，确定所述网络状态为非稳定连接状态。

4.根据权利要求1所述的H5页面加载方法，其特征在于，在在网络状态为非稳定连接状态时，向服务端发送异常信号之后，还包括：

在预设时间段内接收到服务端返回的应答信号时，获取所述应答信号携带的替换地址，加载所述替换地址，以在原生端中展示替换页面；其中，所述异常信号与所述应答信号相对应，所述异常信号携带有所述目标H5页面地址。

5.根据权利要求1所述的H5页面加载方法，其特征在于，所述确定出原生端中承载页面控件的Activity，作为目标Activity的步骤包括：

获取Activity信息记录表，从所述Activity信息记录表中查找到与H5页面相关联的Activity的名称，作为目标名称；

基于所述目标名称从所述原生端中确定出承载页面控件的Activity，作为所述目标Activity。

6.根据权利要求1所述的H5页面加载方法，其特征在于，所述在识别到网络状态为稳定连接状态时，隐藏所述异常展示控件的步骤包括：

所述网络异常显示页面中包括重新加载按钮，在检测到用户点击所述重新加载按钮时，判断当前网络状态是否为稳定连接状态；

在当前网络状态为稳定连接状态时，隐藏所述异常展示控件。

7.根据权利要求1所述的H5页面加载方法，其特征在于，所述调用所述目标Activity确定当前网络状态是否为稳定连接状态的步骤包括：

确定当前网络连接情况，在当前网络未连接时，确定所述网络状态为非稳定连接状态。

8.一种H5页面加载装置，其特征在于，包括：

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

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

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

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

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

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

9.一种计算机设备，其特征在于，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述处理器执行所述计算机可读指令时实现如权利要求1至7中任一项所述的H5页面加载方法的步骤。

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

Images