CN109857477A - 混合应用转场优化方法、装置及设备 - Google Patents

Abstract

本申请公开了一种混合应用转场优化方法、装置及设备，涉及应用技术领域，可解决目前混合应用在转场时会出现短暂白屏的问题。其中方法包括：预先初始化页面容器；当接收到在混合应用中从原生页面跳转至网页页面的指令时，将所述网页页面对应的文件地址发送给所述页面容器，以便所述页面容器根据所述文件地址加载并渲染得到所述网页页面；输出所述页面容器中的所述网页页面以替换所述原生页面。本申请适用于混合应用转场的优化。

Description

混合应用转场优化方法、装置及设备

技术领域

本申请涉及应用技术领域，尤其是涉及到一种混合应用转场优化方法、装置及设备。

背景技术

混合应用是原生应用和Web应用的结合体，采用了原生应用的一部分、Web应用的一部分，所以必须是部分在设备上运行、部分在Web上运行。混合应用的H5开发，具有开发周期短，跨平台通用的优点，是普通移动应用开发的优秀解决方案。

目前混合应用在转场(例如，从一个原生页面切换到另一个网页页面，通常另一个网页页面是从右侧移入，覆盖原来的原生页面)时，由于需要准备一个新的窗口，然后在该窗口加载网络视图的默认方法和对象，因此会导致出现短暂白屏的问题，这个时间根据不同性能的终端设备会存在差异，通常终端设备都会出现较为明显的白屏现象，进而会影响混合应用的流畅体验性。

发明内容

有鉴于此，本申请提供了一种混合应用转场优化方法、装置及设备，主要目的在于解决目前混合应用在转场时会出现短暂白屏，进而会影响混合应用的流畅体验性的问题。

根据本申请的一个方面，提供了一种混合应用转场优化方法，该方法包括：

预先初始化页面容器；

当接收到在混合应用中从原生页面跳转至网页页面的指令时，将所述网页页面对应的文件地址发送给所述页面容器，以便所述页面容器根据所述文件地址加载并渲染得到所述网页页面；

输出所述页面容器中的所述网页页面以替换所述原生页面。

优选的，在所述将所述网页页面对应的文件地址发送给所述页面容器的同时，所述方法还包括：

执行预设入场动画事件；

所述输出所述页面容器中的所述网页页面以替换所述原生页面，具体包括：

按照所述预设入场动画事件，将获取到的所述网页页面以入场动画效果替换所述原生页面进行输出。

优选的，在所述输出所述页面容器中的所述网页页面以替换所述原生页面之后，所述方法还包括：

当接收到所述网页页面跳转至所述原生页面或其他原生页面的指令时，将所述页面容器渲染得到的所述网页页面保留预定时长，并在所述预定时长后清空所述页面容器内渲染的所述网页页面；

若接收到从所述原生页面或所述其他原生页面再次跳转至所述网页页面的指令，则在判定所述页面容器还保留有所述网页页面时，直接输出所述页面容器保留的所述网页页面以替换所述原生页面或所述其他原生页面。

优选的，所述方法还包括：

获取当前用户操作所述混合应用对应的用户操作记录信息；

根据所述用户操作记录信息，分析所述当前用户对所述混合应用的操作习惯信息；

若按照所述操作习惯信息预测出所述当前用户习惯从当前原生页面跳转至的目标网页页面，则将所述目标网页页面对应的文件地址提前发送给所述页面容器，以便所述页面容器根据所述目标网页页面对应的文件地址提前加载并渲染得到所述目标网页页面；

当接收到从所述当前原生页面跳转至所述目标网页页面的指令时，直接输出所述页面容器中提前渲染的所述目标网页页面以替换所述当前原生页面。

优选的，所述根据所述用户操作记录信息，分析所述当前用户对所述混合应用的操作习惯信息，具体包括：

从所述用户操作记录信息中，获取在所述当前用户操作所述混合应用时所述当前原生页面分别跳转至不同候选网页页面的历史跳转次数；

获取所述历史跳转次数最多的、且大于预设阈值的所述候选网页页面，作为所述当前用户习惯从所述当前原生页面跳转至的所述目标网页页面。

优选的，在所述若按照所述操作习惯信息预测出所述当前用户习惯从当前原生页面跳转至的目标网页页面，则将所述目标网页页面对应的文件地址提前发送给所述页面容器之前，所述方法还包括：

获取所述混合应用所在终端设备当前的第一位置信息以及移动轨迹信息；

根据所述第一位置信息和所述移动轨迹信息，估计所述终端设备在预设未来时间段内所处的第二位置信息；

检测所述第二位置信息是否处于预设弱网环境范围内；

所述若按照所述操作习惯信息预测出所述当前用户习惯从当前原生页面跳转至的目标网页页面，则将所述目标网页页面对应的文件地址提前发送给所述页面容器，具体包括：

若所述第二位置信息处于所述预设弱网环境范围内，且按照所述操作作习惯信息预测出所述当前用户习惯从当前原生页面跳转至的目标网页页面，则将所述目标网页页面对应的文件地址提前发送给所述页面容器。

优选的，若所述页面容器在预设时长内根据所述文件地址未加载并渲染得到所述网页页面，则所述方法还包括：

将预置出错提示页面对应的相关数据发送给所述页面容器，以便所述页面容器根据所述相关数据加载并渲染得到所述预置出错提示页面；

输出所述页面容器中的所述预置出错提示页面。

根据本申请的另一方面，提供了一种混合应用转场优化装置，该装置包括：

创建单元，用于预先初始化页面容器；

发送单元，用于当接收到在混合应用中从原生页面跳转至网页页面的指令时，将所述网页页面对应的文件地址发送给所述页面容器，以便所述页面容器根据所述文件地址加载并渲染得到所述网页页面；

输出单元，用于输出所述页面容器中的所述网页页面以替换所述原生页面。

优选的，所述装置还包括：执行单元；

所述执行单元，用于在所述将所述网页页面对应的文件地址发送给所述页面容器的同时，执行预设入场动画事件；

所述输出单元，具体用于按照所述预设入场动画事件，将获取到的所述网页页面以入场动画效果替换所述原生页面进行输出。

优选的，所述装置还包括：处理单元；

所述处理单元，用于在所述输出所述页面容器中的所述网页页面以替换所述原生页面之后，当接收到所述网页页面跳转至所述原生页面或其他原生页面的指令时，将所述页面容器渲染得到的所述网页页面保留预定时长，并在所述预定时长后清空所述页面容器内渲染的所述网页页面；

所述输出单元，还用于若接收到从所述原生页面或所述其他原生页面再次跳转至所述网页页面的指令，则在判定所述页面容器还保留有所述网页页面时，直接输出所述页面容器保留的所述网页页面以替换所述原生页面或所述其他原生页面。

优选的，所述装置还包括：获取单元、分析单元；

所述获取单元，用于获取当前用户操作所述混合应用对应的用户操作记录信息；

所述分析单元，用于根据所述用户操作记录信息，分析所述当前用户对所述混合应用的操作习惯信息；

所述发送单元，还用于若按照所述操作习惯信息预测出所述当前用户习惯从当前原生页面跳转至的目标网页页面，则将所述目标网页页面对应的文件地址提前发送给所述页面容器，以便所述页面容器根据所述目标网页页面对应的文件地址提前加载并渲染得到所述目标网页页面；

所述输出单元，还用于当接收到从所述当前原生页面跳转至所述目标网页页面的指令时，直接输出所述页面容器中提前渲染的所述目标网页页面以替换所述当前原生页面。

优选的，所述分析单元，具体用于从所述用户操作记录信息中，获取在所述当前用户操作所述混合应用时所述当前原生页面分别跳转至不同候选网页页面的历史跳转次数；

获取所述历史跳转次数最多的、且大于预设阈值的所述候选网页页面，作为所述当前用户习惯从所述当前原生页面跳转至的所述目标网页页面。

优选的，所述装置还包括：估计单元、检测单元；

所述获取单元，还用于获取所述混合应用所在终端设备当前的第一位置信息以及移动轨迹信息；

所述估计单元，用于根据所述第一位置信息和所述移动轨迹信息，估计所述终端设备在预设未来时间段内所处的第二位置信息；

所述检测单元，用于检测所述第二位置信息是否处于预设弱网环境范围内；

所述发送单元，具体还用于若所述第二位置信息处于所述预设弱网环境范围内，且按照所述操作作习惯信息预测出所述当前用户习惯从当前原生页面跳转至的目标网页页面，则将所述目标网页页面对应的文件地址提前发送给所述页面容器。

优选的，所述发送单元，还用于若所述页面容器在预设时长内根据所述文件地址未加载并渲染得到所述网页页面，则将预置出错提示页面对应的相关数据发送给所述页面容器，以便所述页面容器根据所述相关数据加载并渲染得到所述预置出错提示页面；

所述输出单元，还用于输出所述页面容器中的所述预置出错提示页面。

依据本申请又一个方面，提供了一种存储介质，其上存储有计算机程序，所述程序被处理器执行时实现上述混合应用转场优化方法。

依据本申请再一个方面，提供了一种混合应用转场优化的实体设备，包括存储介质、处理器及存储在存储介质上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述混合应用转场优化方法。

借由上述技术方案，本申请提供的一种混合应用转场优化方法、装置及设备，与目前现有技术相比，本申请当在混合应用中确定需要从原生页面跳转至网页页面时，将网页页面对应的文件地址发送给预先创建的内容为空的页面容器，该页面容器可根据文件地址加载并渲染该网页页面，进而可输出页面容器中的网页页面以替换原生页面，在混合应用转场中做到无需现准备一个新的窗口以及进行窗口加载网络视图的默认方法和对象，可利用预先创建的内容为空的页面容器进行该网页页面的加载和渲染，进而可大幅降低转场动画出现白屏的时间，可提升混合应用的流畅体验性。

上述说明仅是本申请技术方案的概述，为了能够更清楚了解本申请的技术手段，而可依照说明书的内容予以实施，并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂，以下特举本申请的具体实施方式。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1示出了本申请实施例提供的一种混合应用转场优化方法的流程示意图；

图2示出了本申请实施例提供的另一种混合应用转场优化方法的流程示意图；

图3示出了本申请实施例提供的一种混合应用转场优化装置的结构示意图；

图4示出了本申请实施例提供的另一种混合应用转场优化装置的结构示意图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本申请。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

针对目前混合应用在转场时会出现短暂白屏，进而会影响混合应用的流畅体验性的问题，本实施例提供了一种混合应用转场优化方法，如图1所示，该方法包括：

101、预先初始化页面容器。

其中，页面容器可为承载网页页面(如Web页面)的容器，例如页面容器可为WebView组件或者其他浏览器内核组件。该页面容器可通过原生系统程序语言(即Native)实现。在本实施例中，初始化页面容器相当于创建内容为空的页面容器。

对于本实施例的执行主体可以为混合应用转场优化处理的装置或设备，可配置在客户端侧，用于帮助实现降低混合应用转场动画时出现白屏的时间。

102、当接收到在混合应用中从原生页面跳转至网页页面的指令时，将网页页面对应的文件地址发送给页面容器，以便页面容器根据文件地址加载并渲染得到网页页面。

其中，原生页面可为混合应用本身开发的应用页面，此页面通常无需再联网获得。而网页页面可为混合应用中某功能模块对应的网页访问页面，该页面可联网获得相应的文件，并可在混合应用打包时将该相应文件打包到混合应用里面或者按照混合应用后提前下载到本地，而网页页面对应的文件地址即为该相应文件的获取地址。

在本实施例中，可实时监控用户的操作指令，例如，如果用户选择进入当前原生页面中某个网页页面的链接，那么可确定接收到从原生页面跳转至网页页面的指令，然后将该需要跳转至的网页页面的文件地址发送给页面容器，页面容器可根据该文件地址加载该网页页面的相关文件，然后执行该相关文件渲染页面，在渲染完成后即得到该网页页面。

103、输出页面容器中的网页页面以替换原生页面。

在利用页面容器中的网页页面替换原生页面之后可实现混合应用中的转成动画，并且为了使得转场过程过渡平缓，还可以加一些转场过渡效果，进而提高用户使用体验。

经过分析，目前在混合应用转场动画时造成出现白屏现象的大部分耗时是在混合应用需要准备一个新的窗口，该窗口需要加载网络视图的默认方法和对象，导致此时出现白屏。为了解决该问题，本实施例提供了一种混合应用转场优化方法，可预先准备一个空的页面容器，在原生页面需要切换到网页页面时，在已经准备好的页面容器中加载并渲染得到该网页页面，进而输出替换原生页面，做到混合应用的转场动画。本实施例由于无需现准备一个新的窗口以及进行窗口加载网络视图的默认方法和对象，可利用预先创建的内容为空的页面容器进行该网页页面的加载和渲染，进而可大幅降低转场动画出现白屏的时间，可提升混合应用的流畅体验性。

需要说明的是，除了上述在混合应用中从原生页面跳转至网页页面的转场动画场景以外，本实施例方法同样适用于在混合应用中从一个网页页面切换到另一个网页页面的转场动画场景，即预先初始化页面容器，然后在需要网页页面之间切换时，将需要跳转至的网页页面对应的文件地址发送给页面容器，进而输出页面容器中的网页页面以替换之前的网页页面，以减少在此转场动画的场景下出现白屏的时间。

进一步的，作为上述实施例具体实施方式的细化和扩展，为了完整说明本实施例方法的实施过程，以页面容器为Web View组件为例，提供了另一种混合应用转场优化方法，如图2所示，该方法包括：

201、预先初始化Web View组件。

其中，Web View组件是一个可以用来承载网页的容器，会自动铺满整个混合应用页面。简单来说，这个组件是一个和当前页面一样大小的容器。

对于本实施例，可在混合应用进入后，待空闲状态时预先创建内容为空的WebView组件。并且为了节省系统资源耗费，可预先创建一个内容为空的Web View组件，以便进行本次的混合应用转场动画过程。后续如果需要混合应用再次转场时可重新初始化一个Web View组件，以便利用这个新Web View组件实现实现混合应用新的转场动画。即每次进行混合应用的转场(如从原生页面切换至网页页面、或网页页面之间切换)时，都可重新初始化一个Web View组件。

进一步的，为了进一步提高本实施例方法的优化效率，作为一种可选方式，还可根据所在终端设备的硬件水平和实时的系统资源占用情况，确定创建空的Web View组件的个数。例如，提前缓存有相应的映射表，该表中保存有不同的设备硬件水平、系统系统资源占用情况、Web View组件的创建个数三者之间的映射关系，然后通过该映射表，并结合当前所在终端设备的硬件水平和实时的系统资源占用情况，查询得到Web View组件的创建个数。通过这种方式，在设备硬件水平和系统资源允许的情况下，可创建多个内容为空的WebView组件，进而可通过这些Web View组件实现混合应用更为复杂的转场动画场景，进而可得到更优的混合应用转场优化效果。

例如，从原生页面同时跳转多个子网页页面时，即可利用多个空的Web View组件实现分别实现各个转场动画效果，进而减少各个页面出现白屏的时间。

202、当接收到在混合应用中从原生页面跳转至网页页面的指令时，执行预设入场动画事件，同时将网页页面对应的文件地址发送给Web View组件，以便Web View组件根据文件地址加载并渲染得到网页页面。

其中，预设入场动画事件可用于实现从原生页面跳转到网页页面之间过渡的转场效果，即网页页面的入场动画，预设入场动画事件的具体入场动画展示形式可根据实际需求预先设置。如从原生页面的右侧到左侧安排入场动画，或者从原生页面的下侧到上侧安排入场动画等。文件地址可为网页页面对应的js文件地址，Web View组件利用该地址可加载并执行该js文件从而渲染得到该网页页面。在本实施例中，为了实现这一过程，可在空的Web View组件中植入相关的脚本文件(如JavaScript文件)，用来监听消息和加载用户操作后跳转页面的js文件。

进一步的，若页面容器在预设时长内根据文件地址未加载并渲染得到网页页面，如文件地址出现错误等，在这种场景下，则将预置出错提示页面对应的相关数据发送给WebView组件，以便Web View组件根据该相关数据加载并渲染得到预置出错提示页面；输出页面容器中的预置出错提示页面。其中，预设时长的时间长度以及预置出错提示页面的页面内容形式可根据实际业务需求预先配置。例如，为了减少用户等待时长可将预设时长设置的较短一些，而预置出错提示页面可根据具体造成出错的原因而生成。通过这种可选方式，避免在混合应用转场动画出现无法跳转相应网页页面时用户等待的时间过长，帮助用户及时了解出错原因，并且在此情况下，也能做到减少出现白屏的时间，提升了混合应用的流畅体验性。

203、按照预设入场动画事件，将获取到的网页页面以入场动画效果替换原生页面进行输出。

通过将获取到的网页页面以入场动画效果替换原生页面进行输出，即控制WebView组件的动画入场，可实现在需要切换页面时，新页面通过动画方式入场，做到转场过程平缓过渡，可提升用户的使用体验。

204、后续如果当接收到网页页面跳转至之前的原生页面或其他原生页面的指令时，可将Web View组件渲染得到的网页页面保留预定时长，并在预定时长后清空Web View组件内渲染的该网页页面。

其中，预定时长的具体大小可根据不同用户的操作习惯而预先设定。例如，如果从网页页面跳转至原生页面，后续有可能还会重复跳转至该网页页面，为了减少网络资源的浪费，可将Web View组件渲染得到的网页页面保留一定时长，这样可直接利用Web View组件进行该网页页面的跳转展示。然后在这段时长过去后如果不需要再次跳转该网页页面，就可清空该网页页面，以节省系统资源占用。

205、若接收到从原生页面或其他原生页面再次跳转至网页页面的指令，则在判定Web View组件内还保留有该网页页面时，直接输出Web View组件内保留的该网页页面以替换原生页面或其他原生页面。

通过这种直接调用的方式，可节省重复加载该网页页面以及重复渲染该网页页面所耗费的系统资源，可做到混合应用转场动画的快速响应。

除了上述这种在用户操作跳转之后再利用已创建的Web View组件执行转场优化的方式以外，为了进一步提高混合应用转场的优化效果，作为一种可选方式，可在用户操作跳转之前准确预测出极有可能跳转的网页页面，进而提前加载并渲染，这样可在一定程度上提高网页页面的响应速度，减少用户的等待时长。为了实现这一过程，相应的，本实施例方法还可包括：获取当前用户操作混合应用对应的用户操作记录信息；再根据用户操作记录信息，分析当前用户对混合应用的操作习惯信息；若按照操作习惯信息预测出当前用户习惯从当前原生页面跳转至的目标网页页面，则将目标网页页面对应的文件地址提前发送给Web View组件，以便Web View组件根据目标网页页面对应的文件地址提前加载并渲染得到该目标网页页面；当接收到从当前原生页面跳转至该目标网页页面的指令时，直接输出Web View组件中提前渲染的该目标网页页面以替换当前原生页面。

其中，该用户操作记录信息中包含当前用户操作混合应用时的操作记录情况，如经常操作混合应用中的哪些功能模块、这些功能模块的浏览顺序、以及打开混合应用时通常首先选择的功能模块等。操作习惯信息中可包含当前用户操作混合应用时习惯操作的功能模块，以及从混合应用的某个原生页面习惯跳转至的网页页面等。

对于本可选方式，可基于该用户操作记录信息分析得到当前用户对混合应用的操作习惯信息，进而根据该操作习惯信息预测出从当前原生页面极有可能跳转的目标网页页面，然后指示Web View组件进行提前加载并渲染该目标网页页面。这样当接收到从当前原生页面跳转至该目标网页页面的指令时，可直接通过该Web View组件进行混合应用的转场动画，无需现加载并渲染该目标网页页面，在减少出现白屏时间的同时，还可进一步缩减网页页面的打开时间，进而减少用户的等待时间，提高混合应用的转场动画效率，从而可提升混合应用的流畅体验性。

进一步的，为了说明上述根据用户操作记录信息，分析当前用户对混合应用的操作习惯信息的过程，作为一种可选方式，该步骤具体可包括：从用户操作记录信息中，获取在当前用户操作混合应用时当前原生页面分别跳转至不同候选网页页面的历史跳转次数；然后获取历史跳转次数最多的、且大于预设阈值的候选网页页面，作为当前用户习惯从当前原生页面跳转至的目标网页页面。

例如，当前原生页面为混合应用1的应用首页页面，按照当前用户操作该混合应用1的操作记录，网页页面A是从应用首页页面历史跳转最多的、且大于一定阈值的网页页面，并且根据该操作记录通常在应用首页页面打开后，该用户首先会经常访问功能模块a对应的网页页面A，如果此时该用户刚开启混合应用1时，可将网页页面A的文件地址发送给WebView组件，指示Web View组件提前加载并渲染网页页面A，这样后续如果该用户确实从应用首页页面选择跳转至网页页面A时，可直接通过调用Web View组件，进而及时实现网页页面A切换展示，无需现加载并渲染该网页页面A，在减少出现白屏时间的同时，还可进一步缩减网页页面A的打开时间，可提升混合应用1的流畅体验性。

基于上述可选方式内容，由于用户操作的多变性，有时预测得到的网页页面并非百分百准确，Web View组件提前加载并渲染该网页页面也会耗费一定的资源，因此为了节省系统和网络资源，可在必要时再提前加载并渲染该网页页面。相应的，作为一种可选方式，在若按照上述操作习惯信息预测出当前用户习惯从当前原生页面跳转至的目标网页页面，则将目标网页页面对应的文件地址提前发送给Web View组件之前，本实施例方法还可包括：首先获取混合应用所在终端设备当前的第一位置信息以及移动轨迹信息；再根据获取到的第一位置信息和移动轨迹信息，估计该终端设备在预设未来时间段内所处的第二位置信息；然后检测该第二位置信息是否处于预设弱网环境范围内。

相应的，上述若按照操作习惯信息预测出当前用户习惯从当前原生页面跳转至的目标网页页面，则将目标网页页面对应的文件地址提前发送给Web View组件的步骤具体可包括：若该第二位置信息处于预设弱网环境范围内，且按照操作作习惯信息预测出当前用户习惯从当前原生页面跳转至的目标网页页面，则将目标网页页面对应的文件地址提前发送给Web View组件。

其中，第一位置信息可包含混合应用所在终端设备当前的位置情况，具体可为二维或三维位置坐标等。移动轨迹信息中可包含该终端设备在不同时间点时所在的位置情况。预设弱网环境范围可预先根据那些网络信号差的位置范围进行统计，具体可通过不同终端设备联网时在不同地点的网络信号丢失情况进行上报统计。第二位置信息可包含推测的该终端设备在预设未来时间段内所处的位置情况，具体也可为二维或三维位置坐标等。

例如，根据混合应用所在终端设备当前的位置以及相应的移动轨迹，可推测该终端设备将要进入的位置区域处于预设弱网环境范围内，可推测用户如果需要切换该网页页面时，很可能因为网络信号差的原因导致无法加载得到该网页页面，因此可指示Web View组件提前加载并渲染该网页页面，这样使得该用户在弱网环境下也能有良好的使用体验。

针对现有技术中混合应用转场方案，本实施例提出的另一种混合应用转场优化方法，在混合应用进入后，待空闲状态时，在后台准备一个空的Web View组件，并监听变化消息。当需要切换页面时，新页面通过动画方式入场，同时触发Web View组件的监听并传递对应的js文件地址，新的Web View组件接收到消息加载并执行js文件从而渲染新的页面，可大幅降低白屏的时间，从而提升体验，与目前很多追求流畅体验的应用团队放弃该解决方案，使用原生语言开发相比，本实施例方法简单实用，可减少开发成本。

进一步的，作为图1所示方法的具体实现，本实施例提供了一种混合应用转场优化装置，如图3所示，该装置包括：创建单元31、发送单元32、输出单元33。

创建单元31，可用于预先初始化页面容器；

发送单元32，可用于当接收到在混合应用中从原生页面跳转至网页页面的指令时，将网页页面对应的文件地址发送给页面容器，以便页面容器根据文件地址加载并渲染得到网页页面；

输出单元33，可用于输出页面容器中的网页页面以替换原生页面。

在具体的应用场景中，如图4所示，本装置还可包括：执行单元34；

执行单元34，可用于在将网页页面对应的文件地址发送给页面容器的同时，执行预设入场动画事件；

输出单元33，具体可用于按照预设入场动画事件，将获取到的网页页面以入场动画效果替换原生页面进行输出。

在具体的应用场景中，如图4所示，本装置还包括：处理单元35；

处理单元35，可用于在输出页面容器中的网页页面以替换原生页面之后，当接收到网页页面跳转至原生页面或其他原生页面的指令时，将页面容器渲染得到的网页页面保留预定时长，并在预定时长后清空页面容器内渲染的网页页面；

输出单元33，还可用于若接收到从原生页面或其他原生页面再次跳转至网页页面的指令，则在判定页面容器还保留有网页页面时，直接输出页面容器保留的网页页面以替换原生页面或其他原生页面。

在具体的应用场景中，如图4所示，本装置还包括：获取单元36、分析单元37；

获取单元36，可用于获取当前用户操作混合应用对应的用户操作记录信息；

分析单元37，可用于根据用户操作记录信息，分析当前用户对混合应用的操作习惯信息；

发送单元32，还可用于若按照操作习惯信息预测出当前用户习惯从当前原生页面跳转至的目标网页页面，则将目标网页页面对应的文件地址提前发送给页面容器，以便页面容器根据目标网页页面对应的文件地址提前加载并渲染得到目标网页页面；

输出单元33，还可用于当接收到从当前原生页面跳转至目标网页页面的指令时，直接输出页面容器中提前渲染的目标网页页面以替换当前原生页面。

在具体的应用场景中，分析单元37，具体可用于从用户操作记录信息中，获取在当前用户操作混合应用时当前原生页面分别跳转至不同候选网页页面的历史跳转次数；获取历史跳转次数最多的、且大于预设阈值的候选网页页面，作为当前用户习惯从当前原生页面跳转至的目标网页页面。

在具体的应用场景中，如图4所示，本装置还包括：估计单元38、检测单元39；

获取单元36，还可用于获取混合应用所在终端设备当前的第一位置信息以及移动轨迹信息；

估计单元38，可用于根据第一位置信息和移动轨迹信息，估计终端设备在预设未来时间段内所处的第二位置信息；

检测单元39，可用于检测第二位置信息是否处于预设弱网环境范围内；

发送单元32，具体还可用于若第二位置信息处于预设弱网环境范围内，且按照操作作习惯信息预测出当前用户习惯从当前原生页面跳转至的目标网页页面，则将目标网页页面对应的文件地址提前发送给页面容器。

在具体的应用场景中，发送单元32，还可用于若页面容器在预设时长内根据文件地址未加载并渲染得到网页页面，则将预置出错提示页面对应的相关数据发送给页面容器，以便页面容器根据相关数据加载并渲染得到预置出错提示页面；

输出单元33，还可用于输出页面容器中的预置出错提示页面。

需要说明的是，本实施例提供的一种混合应用转场优化装置所涉及各功能单元的其它相应描述，可以参考图1至图2中的对应描述，在此不再赘述。

基于上述如图1和图2所示方法，相应的，本实施例还提供了一种存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述如图1所示的混合应用转场优化方法。具体可使用原生安卓或IOS来控制准备WebView组件和WebView组件的入场、使用JavaScript文件监听消息下载网页页面JavaScript文件并渲染该网页页面。

基于这样的理解，本申请的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施场景所述的方法。

基于上述如图1和图2所示的方法，以及图3、图4所示的虚拟装置实施例，为了实现上述目的，本实施例还提供了一种混合应用转场优化的实体设备，具体可以为个人计算机，智能手机、平板电脑、智能手表，服务器，或者其它网络设备等，该实体设备包括存储介质和处理器；存储介质，用于存储计算机程序；处理器，用于执行计算机程序以实现上述如图1和图2所示的混合应用转场优化方法。

可选的，该实体设备还可以包括用户接口、网络接口、摄像头、射频(RadioFrequency，RF)电路，传感器、音频电路、WI-FI模块等等。用户接口可以包括显示屏(Display)、输入单元比如键盘(Keyboard)等，可选用户接口还可以包括USB接口、读卡器接口等。网络接口可选的可以包括标准的有线接口、无线接口(如WI-FI接口)等。

本领域技术人员可以理解，本实施例提供的一种混合应用转场优化设备的结构并不构成对该实体设备的限定，可以包括更多或更少的部件，或者组合某些部件，或者不同的部件布置。

存储介质中还可以包括操作系统、网络通信模块。操作系统是管理上述混合应用转场优化的实体设备硬件和软件资源的程序，支持信息处理程序以及其它软件和/或程序的运行。网络通信模块用于实现存储介质内部各组件之间的通信，以及与信息处理实体设备中其它硬件和软件之间通信。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本申请可以借助软件加必要的通用硬件平台的方式来实现，也可以通过硬件实现。通过应用本申请的技术方案，由于无需现准备一个新的窗口以及进行窗口加载网络视图的默认方法和对象，可利用预先创建的内容为空的页面容器进行该网页页面的加载和渲染，进而可大幅降低转场动画出现白屏的时间，可提升混合应用的流畅体验性。

本领域技术人员可以理解附图只是一个优选实施场景的示意图，附图中的模块或流程并不一定是实施本申请所必须的。本领域技术人员可以理解实施场景中的装置中的模块可以按照实施场景描述进行分布于实施场景的装置中，也可以进行相应变化位于不同于本实施场景的一个或多个装置中。上述实施场景的模块可以合并为一个模块，也可以进一步拆分成多个子模块。

上述本申请序号仅仅为了描述，不代表实施场景的优劣。以上公开的仅为本申请的几个具体实施场景，但是，本申请并非局限于此，任何本领域的技术人员能思之的变化都应落入本申请的保护范围。

Claims (10)

1.一种混合应用转场优化方法，其特征在于，包括：

预先初始化页面容器；

当接收到在混合应用中从原生页面跳转至网页页面的指令时，将所述网页页面对应的文件地址发送给所述页面容器，以便所述页面容器根据所述文件地址加载并渲染得到所述网页页面；

输出所述页面容器中的所述网页页面以替换所述原生页面。

2.根据权利要求1所述的方法，其特征在于，在所述将所述网页页面对应的文件地址发送给所述页面容器的同时，所述方法还包括：

执行预设入场动画事件；

所述输出所述页面容器中的所述网页页面以替换所述原生页面，具体包括：

按照所述预设入场动画事件，将获取到的所述网页页面以入场动画效果替换所述原生页面进行输出。

3.根据权利要求1所述的方法，其特征在于，在所述输出所述页面容器中的所述网页页面以替换所述原生页面之后，所述方法还包括：

当接收到所述网页页面跳转至所述原生页面或其他原生页面的指令时，将所述页面容器渲染得到的所述网页页面保留预定时长，并在所述预定时长后清空所述页面容器内渲染的所述网页页面；

若接收到从所述原生页面或所述其他原生页面再次跳转至所述网页页面的指令，则在判定所述页面容器还保留有所述网页页面时，直接输出所述页面容器保留的所述网页页面以替换所述原生页面或所述其他原生页面。

4.根据权利要求1所述的方法，其特征在于，所述方法还包括：

获取当前用户操作所述混合应用对应的用户操作记录信息；

根据所述用户操作记录信息，分析所述当前用户对所述混合应用的操作习惯信息；

若按照所述操作习惯信息预测出所述当前用户习惯从当前原生页面跳转至的目标网页页面，则将所述目标网页页面对应的文件地址提前发送给所述页面容器，以便所述页面容器根据所述目标网页页面对应的文件地址提前加载并渲染得到所述目标网页页面；

当接收到从所述当前原生页面跳转至所述目标网页页面的指令时，直接输出所述页面容器中提前渲染的所述目标网页页面以替换所述当前原生页面。

5.根据权利要求4所述的方法，其特征在于，所述根据所述用户操作记录信息，分析所述当前用户对所述混合应用的操作习惯信息，具体包括：

从所述用户操作记录信息中，获取在所述当前用户操作所述混合应用时所述当前原生页面分别跳转至不同候选网页页面的历史跳转次数；

获取所述历史跳转次数最多的、且大于预设阈值的所述候选网页页面，作为所述当前用户习惯从所述当前原生页面跳转至的所述目标网页页面。

6.根据权利要求4所述的方法，其特征在于，在所述若按照所述操作习惯信息预测出所述当前用户习惯从当前原生页面跳转至的目标网页页面，则将所述目标网页页面对应的文件地址提前发送给所述页面容器之前，所述方法还包括：

获取所述混合应用所在终端设备当前的第一位置信息以及移动轨迹信息；

根据所述第一位置信息和所述移动轨迹信息，估计所述终端设备在预设未来时间段内所处的第二位置信息；

检测所述第二位置信息是否处于预设弱网环境范围内；

所述若按照所述操作习惯信息预测出所述当前用户习惯从当前原生页面跳转至的目标网页页面，则将所述目标网页页面对应的文件地址提前发送给所述页面容器，具体包括：

若所述第二位置信息处于所述预设弱网环境范围内，且按照所述操作作习惯信息预测出所述当前用户习惯从当前原生页面跳转至的目标网页页面，则将所述目标网页页面对应的文件地址提前发送给所述页面容器。

7.根据权利要求1所述的方法，其特征在于，若所述页面容器在预设时长内根据所述文件地址未加载并渲染得到所述网页页面，则所述方法还包括：

将预置出错提示页面对应的相关数据发送给所述页面容器，以便所述页面容器根据所述相关数据加载并渲染得到所述预置出错提示页面；

输出所述页面容器中的所述预置出错提示页面。

8.一种混合应用转场优化装置，其特征在于，包括：

创建单元，用于预先初始化页面容器；

发送单元，用于当接收到在混合应用中从原生页面跳转至网页页面的指令时，将所述网页页面对应的文件地址发送给所述页面容器，以便所述页面容器根据所述文件地址加载并渲染得到所述网页页面；

输出单元，用于输出所述页面容器中的所述网页页面以替换所述原生页面。

9.一种存储介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现权利要求1至7中任一项所述的混合应用转场优化方法。

10.一种混合应用转场优化设备，包括存储介质、处理器及存储在存储介质上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至7中任一项所述的混合应用转场优化方法。