CN112416496A - 页面展示方法、装置及存储介质 - Google Patents

Abstract

本申请实施例涉及数据处理技术领域，公开了一种页面展示方法、装置及存储介质，应用于电子设备，所述方法包括：接收到用户发起的应用启动指令，应用启动指令用于启动目标应用；检测是否安装有x5webview；若没有安装x5webview，则通过webview展示目标应用对应的预设H5页面，并基于预设H5页面增加一个子线程，通过子线程下载x5webview；在x5webview下载完成以后，确定目标应用对应的当前H5页面，通过x5webview展示当前H5页面。采用本申请实施例有利于提高用户体验。

Description

页面展示方法、装置及存储介质

技术领域

本申请涉及数据处理技术领域，具体涉及一种页面展示方法、装置及存储介质。

背景技术

现在的安卓应用为了能快速支持开发和业务需求，大多采用hybrid开发，原生安卓只搭建底层框架，应用软件中的页面和业务逻辑都是使用H5页面，这就会使用webview来承载展示，众所周知，设备中原生的webView性能较差，页面渲染速率慢，设备经常出现白屏现象或者页面加载异常，用户体验不高。

发明内容

本申请实施例提供一种页面展示方法、装置及存储介质，有利于提高页面渲染效率，并有利于提高用户体验。

本申请实施例第一方面提供了一种页面展示方法，应用于电子设备，包括：

接收到用户发起的应用启动指令，所述应用启动指令用于启动目标应用；

检测是否安装有x5webview；

若没有安装所述x5webview，则通过webview展示所述目标应用对应的预设H5页面，并基于所述预设H5页面增加一个子线程，通过所述子线程下载所述x5webview；

在所述x5webview下载完成以后，确定所述目标应用对应的当前H5页面，通过所述x5webview展示所述当前H5页面。

本申请实施例第二方面提供了一种页面展示装置，应用于电子设备，所述装置包括：接收单元、检测单元、下载单元和展示单元，其中，

所述接收单元，用于接收到用户发起的应用启动指令，所述应用启动指令用于启动目标应用；

所述检测单元，用于检测是否安装有x5webview；

所述下载单元，用于若没有安装所述x5webview，则通过webview展示所述目标应用对应的预设H5页面，并基于所述预设H5页面增加一个子线程，通过所述子线程下载所述x5webview；

所述展示单元，用于在所述x5webview下载完成以后，确定所述目标应用对应的当前H5页面，通过所述x5webview展示所述当前H5页面。

本申请实施例的第三方面提供一种电子设备，所述电子设备包括处理器、输入设备、输出设备和存储器，所述处理器、输入设备、输出设备和存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行本申请实施例第一方面所述的方法。

本申请实施例的第四方面提供了一种计算机可读存储介质，其中，上述计算机可读存储介质存储用于电子数据交换的计算机程序，其中，上述计算机程序使得计算机执行如本申请实施例第一方面所描述的部分或全部步骤。

本申请实施例的第五方面提供了一种计算机程序产品，其中，上述计算机程序产品包括存储了计算机程序的非瞬时性计算机可读存储介质，上述计算机程序可操作来使计算机执行如本申请实施例第一方面所描述的部分或全部步骤。该计算机程序产品可以为一个软件安装包。

实施本申请实施例，至少具有如下有益效果：接收到用户发起的应用启动指令，应用启动指令用于启动目标应用；检测是否安装有x5webview；若没有安装x5webview，则通过webview展示目标应用对应的预设H5页面，并基于预设H5页面增加一个子线程，通过子线程下载x5webview；在x5webview下载完成以后，确定目标应用对应的当前H5页面，通过x5webview展示当前H5页面。如此，通过一个新的页面控件，接替原生webview来实现页面的渲染，有利于提高页面渲染效率，可在用户无感的情况下，完成控件的切换，有利于提高用户体验。

附图说明

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

图1A为本申请实施例提供了一种页面展示系统的架构示意图；

图1B为本申请实施例提供了一种页面展示方法的流程示意图；

图2为本申请实施例提供了一种页面展示方法的流程示意图；

图3为本申请实施例提供了一种页面展示方法的流程示意图；

图4为本申请实施例提供了一种电子设备的结构示意图；

图5为本申请实施例提供了一种页面展示装置的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于描述特定顺序。此外，术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其他步骤或单元。

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

为了能够更好地理解本申请实施例，下面将对应用本申请实施例的方法进行介绍。

本申请实施例所涉及到的电子设备可以包括各种具有无线通信功能的手持设备、车载设备、无线耳机、计算设备或连接到无线调制解调器的其他处理设备，以及各种形式的用户设备(user equipment，UE)，移动台(mobile station，MS)，终端设备(terminaldevice)等等，终端设备例如可以为智能手机、平板电脑、耳机盒等等。为方便描述，上面提到的设备统称为电子设备。

请参见图1A，图1A是本申请实施例提供的一种页面展示系统的架构示意图。

其中，上述架构示意图中可包括：主线程和子线程，其中，主线程可包括：页面渲染模块、消息队列；子线程可包括：下载模块。

其中，上述页面渲染模块可用于页面的渲染和页面的展示；若电子设备系统中存在x5webview，则可通过x5webview展示目标应用对应的预设H5页面；若电子设备系统中不存在x5webview，则可通过原生页面展示控件，即webview展示上述预设页面。

其中，上述消息队列(目标队列)可用于在页面展示的过程中，对页面信息进行收集，以用于保存页面加载过程中的最新的页面信息，即，当前页面对应的页面信息(例如，当前页面对应的url(uniform resource locator，统一资源定位器)、当前页面对应的位置、图片、视频等等，在此不作限定)。

其中，上述下载模块用于：当系统中未安装x5webview时，则可通过该子线程完成上述x5webview的下载和安装等。

可见，在本申请实施例中，可通过主线程接收到用户发起的应用启动指令，应用启动指令用于启动目标应用；检测是否安装有x5webview；若没有安装x5webview，则通过webview展示目标应用对应的预设H5页面，并通过子线程中的下载模块下载x5webview；在x5webview下载完成以后，通过主线程中的目标队列确定目标应用对应的当前H5页面；进而，可通过x5webview展示当前H5页面。如此，通过一个新的页面控件，接替原生webview来实现页面的渲染，有利于提高页面渲染效率，可在用户无感的情况下，完成控件的切换，有利于提高用户体验；并且，可通过消息队列来实现对页面的加载信息的保存，可不关心上述新的控件何时下载完成，或者页面加载到了哪里，可在用户无感的情况下，完成控件的切换，有利于提高用户体验。

请参见图1B，图1B是本申请实施例提供的一种页面展示方法的流程示意图，应用于电子设备，上述方法包括以下步骤：

101、接收到用户发起的应用启动指令，所述应用启动指令用于启动目标应用。

其中，上述目标应用可指装载于电子设备中任意一个应用类APP，可包括以下至少一种：办公类应用、阅读类应用、购物类应用、游戏类应用等等，在此不做限定。

其中，上述用户可指任意一个操作上述电子设备的用户；举例来说，上述用户可在电子设备的指定位置通过点击操作触发了启动上述目标应用的应用启动指令。

其中，上述电子设备可装载有webview(网页试图)引擎，可用来展示或者渲染页面，主要用于展示网络请求后的内容，就是将网络地址请求的内容展示在里面。

其中，当用户通过电子设备的指定位置或者页面触发打开目标应用的时候，可通过上述webview展示该目标应用对应的预设H5页面；该预设H5页面可为用户自行设置或者系统默认，在此不作限定。

其中，上述H5是Html5缩写，而Html5是html(互联网超文本标记语言)发展到第五代的通用网页语言，经过了不断地更新完善，html5拥有了一系列新的网页展示效果功能，包括网页画板，动态效果等，这为移动端网页的动态展示提供了非常好的技术基础。不同于传统网站在制作时需要大量网页共同组成一个完整的网站，上述H5页面只有一个自上而下的页面，也可以简单理解为一个单网页，该预设H5页面中可包括不同的设计，例如，可包括页面滑动翻页、多媒体功能、页面素材预加载等等功能。

其中，上述预设H5页面的应用场景可包括：游戏、朋友圈、在线支付、生活信息展现、用户调研等等，在此不作限定；上述不同的目标应用对应的预设H5页面不同。

102、检测是否安装有x5webview。

其中，上述x5webview是指腾讯公司开发的一款x5内核浏览器，是一种显示网页的控件；webview(网页视图)是安卓内置webkit内核的高性能浏览器，是一种用于显示网页的控件；与webview相比，x5webview可使用云端优化技术而更省流量；且因其无系统内核的碎片化问题，兼容性更强大；且视频和文件格式的支持x5webview多过于webview，因此，使用x5webview渲染或展示页面，效率更高，并且能够减少页面卡顿情况，有利于提高用户体验。

具体实现中，可确定上述x5webview的安装包的名称，并在数据库中搜索该名称，若没有该名称，则表明没有安装上述x5webview；反之，则安装上述x5webview。

103、若没有安装所述x5webview，则通过webview展示所述目标应用对应的预设H5页面，并基于所述预设H5页面增加一个子线程，通过所述子线程下载所述x5webview。

其中，上述预设H5页面可由用户自行设置或者系统默认，在此不作限定。

其中，可通过Rxjava去开启上述子线程，Rxjava是业内处理异步调用的优秀库，它可以创建一个子线程，并且可以监听上述x5webview的安装包的下载进度，有下载完成和下载失败的回调方法，具体下载逻辑是内部使用了线程池，线程池的特点在于线程复用，有利于减少手机内存开销。

其中，在本申请实施例中，通过子线程去完成x5webview的下载与安装，不会阻塞主程序的运行，也就是说，不会阻塞启动上述目标应用，能在用户无感的情况下完成对于x5webview的下载与安装，有利于提高用户体验。

其中，若安装有上述x5webview，则可直接通过该x5webview展示上述预设H5页面。

在一种可能的示例中，通过webview展示所述目标应用对应的预设H5页面，可包括如下步骤：向预设服务器发起资源获取请求，所述资源获取请求用于获取所述预设H5页面对应的目标资源包的目标资源路径；接收到所述预设服务器针对所述资源获取请求的反馈信息，所述反馈信息中携带目标资源路径；确定所述目标资源包中的多个资源文件；加载所述多个资源文件，以实现所述预设H5页面展示。

其中，上述预设服务器可为用户自行设置或者系统默认，该预设服务器可为云端服务器、组件服务器或者物理服务器等等，在此不作限定。

其中，该预设服务器可用于存储上述目标应用的资源包，该资源包中可包括以下至少一种：音频、视频、图片、文字等等，在此不作限定。该资源包可指网页或者该网页对应的地址信息压缩包，由于有些网页内部包含一些大文件，因此，一般会将网页或者网页对应的地址信息压缩存储在上述预设服务器，以减少电子设备内部内存的损耗与占用。

具体实现中，可在上述目标文件被开启时，通过上述目标资源路径完成对目标资源包对应的目标描述文件的获取，在获取上述资源文件以后，可直接通过预设H5页面加载上述资源包中的多个资源文件，并通过上述目标描述文件完成对目标资源包内多个资源文件的加载，以完成页面的渲染，实现对于上述预设H5页面的展示。

可选地，在所述确定所述目标资源包中的多个资源文件之后，还可包括如下步骤：获取本地资源包，确定所述本地资源包对应的第一标识信息；确定所述目标资源包的第二标识信息；根据所述第一标识信息和所述第二标识信息，判断所述本地资源包是否需要更新；若所述本地资源包不需要更新，则执行所述通过所述webview展示所述目标应用对应的预设H5页面的步骤；若所述本地资源包需要更新，则对所述本地资源包进行更新。

其中，上述本地资源包中可包括本地存储的资源文件，上述本地资源包可存储于本地数据库中。

其中，上述标识信息可用于识别本地数据库中的本地资源包，该标识信息可包括以下至少一种：文件名、存储路径、所占内存等等，在此不作限定。

其中，为了加快网页的加载速度，有时会将上述预设H5页面的资源文件或者资源包存储在本地数据库中；电子设备可每次更新并存储本地资源包中多个本地资源文件以后，对该本地资源包对应的标识信息进行更新，以有利于提高数据安全性，防止被恶意篡改。

其中，若在对预设H5页面进行页面渲染或者页面加载时，若服务器中的资源信息有更新时，或者服务器中资源较大，难以在短时间内加载完成，若此时上述预设H5页面已经打开，而资源文件还未加载完成，则会呈现页面中的部分信息不准确或者加载失败的情况，用户体验低，因此，当电子设备本地数据库中也对应存储有该预设网页对应的资源文件时，则可将本地数据库与预设服务器中的目标资源包中数据统一，以确定该预设H5页面的资源是否有更新，有利于用户快速获取到准确信息。

具体实现中，可通过比较本地资源包与预设服务器中目标资源包分别对应的第一标识信息和第二标识信息得到，若第一标识信息与第二标识信息一致，则可表明本地资源包与目标资源包中数据一致，不需要对该本地资源包进行更新，则可直接通过上述webview展示上述预设H5页面；反之，则可对该本地资源包进行更新，并在更新完成以后，通过webview展示上述预设页面。

在一种可能的示例中，所述根据所述第一标识信息和所述第二标识信息，判断所述本地资源包是否需要更新，可包括如下步骤：若所述第一标识信息与所述第二标识信息相同，则确定所述本地资源包不需要更新；若所述第一标识信息与所述第二标识信息不同，则确定所述本地资源包不需要更新。

其中，可直接逐字符比较上述第一标识信息和第二标识信息，若相同，则确定本地资源包中的资源信息为最新信息，不需要进行更新，反之，则可根据目标资源包对该本地资源包进行更新。

在一种可能的示例中，所述对所述本地资源包进行更新，可包括如下步骤：确定所述本地资源包中多个本地资源文件中每一本地资源文件对应的第一数字指纹，得到多个第一数字指纹；确定所述目标资源包中每一资源文件对应的第二数字指纹，得到多个第二数字指纹；对比所述多个第一数字指纹和所述多个第二数字指纹，得到多个匹配值，根据所述多个匹配值对所述本地资源包中所述多个本地资源文件进行更新。

其中，上述数字指纹可指针对每一资源文件的摘要信息通过哈希算法等算法得到的一串字符，可指MD5(Message Digest Algorithm MD5)值，该MD5值为一个散列值，可通过密码散列函数得到，用于确保信息的完整性；若数字指纹发生变化，则可表明该数字指纹对应的文件内容发生变化。

其中，每一本地资源文件可对应一个第一数字指纹，目标资源包中每一资源文件可对应一个第二数字指纹；上述第一数字指纹可与该第二数字指纹是唯一的，第一数字指纹和第二数字指纹可相同或者不同，当第一数字指纹与第二数字指纹相同时，表明其分别对应的文件相同或者为同一文件。

其中，可对比每一第一数字指纹和每一第二数字指纹，得到多个匹配值。

在一种可能的示例中，所述对比所述多个第一数字指纹和所述多个第二数字指纹，对所述本地资源包中所述多个本地资源文件进行更新，可包括如下步骤：对比所述多个第一数字指纹和所述多个第二数字指纹，得到多个匹配值；从所述多个匹配值中筛选出小于预设阈值的至少一个目标匹配值；确定所述至少一个目标匹配值对应的至少一个目标资源文件，将所述至少一个目标资源文件增量更新到所述本地资源包中。

其中，若上述预设服务器中存储的该目标应用对应的目标资源包有更新或者增加时，那么上述多个资源文件的数量是大于上述多个本地资源文件的数量的，则可增量更新到上述本地资源包中，以方便后续完成预设H5页面的渲染。

其中，上述预设阈值可为用户自行设置或者系统默认，在此不作限定；在本申请实施例中，可将上述预设阈值设定为100％。

其中，若上述多个第一数字指纹和多个第二数字指纹全部不同，或者多个匹配值均小于上述预设阈值；则表明上述目标资源包中的多个资源文件相对于本地资源包来说为全增量包；则可将多个资源文件全量更新到本地资源包中。

其中，若上述多个第一数字指纹和多个数字指纹部分相同，或者存在至少一个目标匹配值小于上述预设阈值，则可认为上述目标资源包相对于本地资源包有增量变化，则可确定每一目标匹配值对应的目标资源文件，得到至少一个目标资源文件，并将该至少一个目标资源文件增量更新到本地资源包中。

可见，在本申请实施例中，可通过本地资源包对应的多个第一数字指纹，与目标资源包对应的多个第二数字指纹进行比较，以确定该本地资源包中的本地资源文件是否存在增量变化，并根据该增量变化，将增量资源文件更新到本地资源包中，以减少页面加载时的卡顿或者资源不同步现象。

可选地，在所述通过webview展示所述目标应用对应的预设H5页面之后，上述方法还可包括：创建目标队列；在下载所述x5webview的过程中，通过所述目标队列记录所述webview的工作进程。

其中，上述目标队列可为用户自行设置或者系统默认，在此不作限定；该目标队列可为一个消息队列，该目标队列可与上述主程序呈异步处理状态，即可在展示上述预设H5页面的过程中，实时通过该目标队列存储webview的工作进程等信息。

其中，上述webview的工作进程可指当前页面展示进度或者webview的操作历史等，例如，可包括H5页面对应的URL和打开位置等当前页面信息。

具体实现中，电子设备可新建一个队列数据结构的url管理类，在下载上述x5webview的过程中，记录webview展示上述预设H5网页的操作历史，也就是说，在上述目标队列中插入打开的预设H5页面对应的url和打开位置，如果用户触发退出该目标应用的操作，则将url从上述目标队列中清除，以保证该目标队列中存储的页面信息为最新页面信息。

可见，本申请实施例中，可引入该目标队列的使用，无论用户在此期间打开和关闭多少次操作，都能知道当前打开的当前H5页面的位置和url，便于X5webview下载后能拿到当前H5页面的信息，有利于后续通过该x5webview继续展示该预设H5页面。

104、在所述x5webview下载完成以后，确定所述目标应用对应的当前H5页面，通过所述x5webview展示所述当前H5页面。

其中，上述当前H5页面可指该目标应用当前展示的H5页面，为最新页面信息。

具体实现中，上述电子设备可开启全局广播，检测该x5webview的下载情况，并在上述X5webview下载完成以后，确定该目标应用对应的当前H5页面，继续通过该x5webview展示上述当前H5页面，以在用户无感的情况下，通过x5webview继续实现页面的展示。

可见，本申请实施例，可使用全局广播、监听和创建H5页面的队列，可以不关心何时下载完成，无论加载到哪个页面，当x5webview下载完成时，都会及时得到通知，并可获取到目标队列中最新的H5页面的相关内容，用下载完成的x5webview替换webview展示该当前H5页面，以使用户在无感的情况下完成页面的展示，并减少页面卡顿的情况发生，有利于提高用户体验。

可选地，在上述x5webview下载完成时，电子设备会收到全局广播通知，则可通过x5webview新建一个视图，并获取当前H5页面的根布局，隐藏上述webview，从上述目标队列中获取当前H5页面对应的页面信息(可包括url等信息)；将该页面信息传递给上述x5webview，通过x5webview的视图展示上述当前H5页面。

具体实现中，在Android系统中，其对应的页面视图称为Activity，它可以设置一个隐藏的fragment(fragment是一种可以嵌入在活动中的UI片段，能够让程序更加合理和充分地利用大屏幕的空间)，进而，可以在fragment中添加一个x5webview视图，当检测到x5webview下载完成，直接显示该fragment，就能通过x5webview展示页面。

其中，若上述X5webview加载或者下载失败，可自动切换到webview，继续通过webview展示当前页面。

可以看出，本申请实施例中所描述的页面展示方法，应用于电子设备，接收到用户发起的应用启动指令，应用启动指令用于启动目标应用；检测是否安装有x5webview；若没有安装x5webview，则通过webview展示目标应用对应的预设H5页面，并基于预设H5页面增加一个子线程，通过子线程下载x5webview；在x5webview下载完成以后，确定目标应用对应的当前H5页面，通过x5webview展示当前H5页面。如此，通过一个新的页面控件，接替原生webview来实现页面的渲染，有利于提高页面渲染效率，可在用户无感的情况下，完成控件的切换，有利于提高用户体验。

与上述一致地，请参阅图2，图2是本申请实施例公开的一种页面展示方法的流程示例图，应用于电子设备，该页面展示方法可包括如下步骤：

201、接收到用户发起的应用启动指令，所述应用启动指令用于启动目标应用。

202、检测是否安装有x5webview。

203、若没有安装所述x5webview，则向预设服务器发起资源获取请求，所述资源获取请求用于获取所述预设H5页面对应的目标资源包的目标资源路径。

204、接收到所述预设服务器针对所述资源获取请求的反馈信息，所述反馈信息中携带目标资源路径。

205、确定所述目标资源包中的多个资源文件。

206、获取本地资源包，确定所述本地资源包对应的第一标识信息。

207、确定所述目标资源包的第二标识信息。

208、根据所述第一标识信息和所述第二标识信息，判断所述本地资源包是否需要更新。

209、若所述本地资源包不需要更新，则执行所述通过所述webview展示所述目标应用对应的预设H5页面的步骤。

210、若所述本地资源包需要更新，则对所述本地资源包进行更新。

211、基于所述预设H5页面增加一个子线程，通过所述子线程下载所述x5webview。

212、在所述x5webview下载完成以后，确定所述目标应用对应的当前H5页面，通过所述x5webview展示所述当前H5页面。

其中，上述步骤201-步骤212的具体描述可以参照上述图1B所描述的页面展示方法的相应步骤，在此不再赘述。

可以看出，本申请实施例所描述的页面展示方法，应用于电子设备，接收到用户发起的应用启动指令，应用启动指令用于启动目标应用；检测是否安装有x5webview；若没有安装x5webview，则向预设服务器发起资源获取请求，资源获取请求用于获取预设H5页面对应的目标资源包的目标资源路径；接收到预设服务器针对资源获取请求的反馈信息，反馈信息中携带目标资源路径；确定目标资源包中的多个资源文件；获取本地资源包，确定本地资源包对应的第一标识信息；确定目标资源包的第二标识信息；根据第一标识信息和第二标识信息，判断本地资源包是否需要更新；若本地资源包不需要更新，则执行通过webview展示目标应用对应的预设H5页面的步骤；若本地资源包需要更新，则对本地资源包进行更新；基于预设H5页面增加一个子线程，通过子线程下载x5webview；在x5webview下载完成以后，确定目标应用对应的当前H5页面，通过x5webview展示当前H5页面。如此，可在电子设备本地数据库中也对应存储有该预设网页对应的资源文件时，则可将本地数据库与服务器中数据统一，以确定该预设H5页面的资源是否有更新，有利于用户快速获取到准确信息；同时，通过一个新的页面控件，接替原生webview来实现页面的渲染，有利于提高页面渲染效率，可在用户无感的情况下，完成控件的切换，有利于提高用户体验。

与上述一致地，请参阅图3，图3是本申请实施例公开的一种页面展示方法的流程示例图，应用于电子设备，该页面展示方法可包括如下步骤：

301、接收到用户发起的应用启动指令，所述应用启动指令用于启动目标应用。

302、检测是否安装有x5webview。

303、若没有安装所述x5webview，则通过webview展示所述目标应用对应的预设H5页面。

304、创建目标队列。

305、在下载所述x5webview的过程中，通过所述目标队列记录所述webview的工作进程。

306、基于所述预设H5页面增加一个子线程，通过所述子线程下载所述x5webview。

307、在所述x5webview下载完成以后，确定所述目标应用对应的当前H5页面，通过所述x5webview展示所述当前H5页面。

其中，上述步骤301-步骤307的具体描述可以参照上述图1B所描述的页面展示方法的相应步骤，在此不再赘述。

可以看出，本申请实施例所描述的页面展示方法，应用于电子设备，接收到用户发起的应用启动指令，所述应用启动指令用于启动目标应用；检测是否安装有x5webview；若没有安装所述x5webview，则通过webview展示所述目标应用对应的预设H5页面；创建目标队列；在下载所述x5webview的过程中，通过所述目标队列记录所述webview的工作进程；基于所述预设H5页面增加一个子线程，通过所述子线程下载所述x5webview；在所述x5webview下载完成以后，确定所述目标应用对应的当前H5页面，通过所述x5webview展示所述当前H5页面。如此，可通过一个新的页面控件(x5webview)，接替原生webview来实现页面的渲染，有利于提高页面渲染效率；并且通过消息队列来实现对页面的加载信息的保存，可不关心上述新的控件何时下载完成，或者页面加载到了哪里，可在用户无感的情况下，完成控件的切换，有利于提高用户体验。

与上述一致地，请参阅图4，图4为本申请实施例提供的一种电子设备的结构示意图，如图4所示，包括处理器、通信接口、存储器以及一个或多个程序，所述处理器、通信接口和存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，上述一个或多个程序程序包括用于执行以下步骤的指令：

接收到用户发起的应用启动指令，所述应用启动指令用于启动目标应用；

检测是否安装有x5webview；

若没有安装所述x5webview，则通过webview展示所述目标应用对应的预设H5页面，并基于所述预设H5页面增加一个子线程，通过所述子线程下载所述x5webview；

在所述x5webview下载完成以后，确定所述目标应用对应的当前H5页面，通过所述x5webview展示所述当前H5页面。

可以看出，本申请实施例中所描述的电子设备，接收到用户发起的应用启动指令，应用启动指令用于启动目标应用；检测是否安装有x5webview；若没有安装x5webview，则通过webview展示目标应用对应的预设H5页面，并基于预设H5页面增加一个子线程，通过子线程下载x5webview；在x5webview下载完成以后，确定目标应用对应的当前H5页面，通过x5webview展示当前H5页面。如此，通过一个新的页面控件，接替原生webview来实现页面的渲染，有利于提高页面渲染效率，可在用户无感的情况下，完成控件的切换，有利于提高用户体验。

在一个可能的示例中，在所述所述通过webview展示所述目标应用对应的预设H5页面方面，所述程序用于执行以下步骤的指令：

向预设服务器发起资源获取请求，所述资源获取请求用于获取所述预设H5页面对应的目标资源包的目标资源路径；

接收到所述预设服务器针对所述资源获取请求的反馈信息，所述反馈信息中携带目标资源路径；

确定所述目标资源包中的多个资源文件；

加载所述多个资源文件，以实现所述预设H5页面展示。

在一个可能的示例中，在所述确定所述目标资源包中的多个资源文件之后，所述程序还用于执行以下步骤的指令：

获取本地资源包，确定所述本地资源包对应的第一标识信息；

确定所述目标资源包的第二标识信息；

根据所述第一标识信息和所述第二标识信息，判断所述本地资源包是否需要更新；

若所述本地资源包不需要更新，则执行所述通过所述webview展示所述目标应用对应的预设H5页面的步骤；

若所述本地资源包需要更新，则对所述本地资源包进行更新。

在一个可能的示例中，在所述根据所述第一标识信息和所述第二标识信息，判断所述本地资源包是否需要更新方面，所述程序用于执行以下步骤的指令：

若所述第一标识信息与所述第二标识信息相同，则确定所述本地资源包不需要更新；

若所述第一标识信息与所述第二标识信息不同，则确定所述本地资源包不需要更新。

在一个可能的示例中，在所述对所述本地资源包进行更新方面，所述程序用于执行以下步骤的指令：

确定所述本地资源包中多个本地资源文件中每一本地资源文件对应的第一数字指纹，得到多个第一数字指纹；

确定所述目标资源包中每一资源文件对应的第二数字指纹，得到多个第二数字指纹；

对比所述多个第一数字指纹和所述多个第二数字指纹，得到多个匹配值，根据所述多个匹配值对所述本地资源包中所述多个本地资源文件进行更新。

在一个可能的示例中，在所述根据所述多个匹配值对所述本地资源包中所述多个本地资源文件进行更新方面，所述程序用于执行以下步骤的指令：

对比所述多个第一数字指纹和所述多个第二数字指纹，得到多个匹配值；

从所述多个匹配值中筛选出小于预设阈值的至少一个目标匹配值；

确定所述至少一个目标匹配值对应的至少一个目标资源文件，将所述至少一个目标资源文件增量更新到所述本地资源包中。

在一个可能的示例中，在所述通过webview展示所述目标应用对应的预设H5页面之后，所述程序还用于执行以下步骤的指令：

创建目标队列；

在下载所述x5webview的过程中，通过所述目标队列记录所述webview的工作进程。

上述主要从方法侧执行过程的角度对本申请实施例的方案进行了介绍。可以理解的是，电子设备为了实现上述功能，其包含了执行各个功能相应的硬件结构和/或软件模块。本领域技术人员应该很容易意识到，结合本文中所提供的实施例描述的各示例的单元及算法步骤，本申请能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

本申请实施例可以根据上述方法示例对电子设备进行功能单元的划分，例如，可以对应各个功能划分各个功能单元，也可以将两个或两个以上的功能集成在一个处理单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。需要说明的是，本申请实施例中对单元的划分是示意性的，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。

与上述一致地，请参阅图5，图5是本申请实施例公开的一种页面展示装置的结构示意图，应用于电子设备，该装置包括：接收单元501、检测单元502、下载单元503和展示单元504，其中，

所述接收单元501，用于接收到用户发起的应用启动指令，所述应用启动指令用于启动目标应用；

所述检测单元502，用于检测是否安装有x5webview；

所述下载单元503，用于若没有安装所述x5webview，则通过webview展示所述目标应用对应的预设H5页面，并基于所述预设H5页面增加一个子线程，通过所述子线程下载所述x5webview；

所述展示单元504，用于在所述x5webview下载完成以后，确定所述目标应用对应的当前H5页面，通过所述x5webview展示所述当前H5页面。

可以看出，本申请实施例中所描述的页面展示装置，应用于电子设备，接收到用户发起的应用启动指令，应用启动指令用于启动目标应用；检测是否安装有x5webview；若没有安装x5webview，则通过webview展示目标应用对应的预设H5页面，并基于预设H5页面增加一个子线程，通过子线程下载x5webview；在x5webview下载完成以后，确定目标应用对应的当前H5页面，通过x5webview展示当前H5页面。如此，通过一个新的页面控件，接替原生webview来实现页面的渲染，有利于提高页面渲染效率，可在用户无感的情况下，完成控件的切换，有利于提高用户体验。

在一个可能的示例中，在所述所述通过webview展示所述目标应用对应的预设H5页面方面，所述下载单元502具体用于：

向预设服务器发起资源获取请求，所述资源获取请求用于获取所述预设H5页面对应的目标资源包的目标资源路径；

接收到所述预设服务器针对所述资源获取请求的反馈信息，所述反馈信息中携带目标资源路径；

确定所述目标资源包中的多个资源文件；

加载所述多个资源文件，以实现所述预设H5页面展示。

本申请实施例还提供一种计算机可读存储介质，其中，该计算机存储介质存储用于电子数据交换的计算机程序，该计算机程序使得计算机执行如上述方法实施例中记载的任何一种页面展示方法的部分或全部步骤。

本申请实施例还提供一种计算机程序产品，所述计算机程序产品包括存储了计算机程序的非瞬时性计算机可读存储介质，所述计算机程序可操作来使计算机执行如上述方法实施例中记载的任何一种页面展示方法的部分或全部步骤。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到所揭露的装置，可通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件程序模块的形式实现。

所述集成的单元如果以软件程序模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储器中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储器中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储器包括：U盘、只读存储器(read-only memory，ROM)、随机存取存储器(random access memory，RAM)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储器中，存储器可以包括：闪存盘、ROM、RAM、磁盘或光盘等。

以上对本申请实施例进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (10)

1.一种页面展示方法，其特征在于，应用于电子设备，包括：

接收到用户发起的应用启动指令，所述应用启动指令用于启动目标应用；

检测是否安装有x5webview；

若没有安装所述x5webview，则通过webview展示所述目标应用对应的预设H5页面，并基于所述预设H5页面增加一个子线程，通过所述子线程下载所述x5webview；

在所述x5webview下载完成以后，确定所述目标应用对应的当前H5页面，通过所述x5webview展示所述当前H5页面。

2.根据权利要求1所述的方法，其特征在于，所述通过webview展示所述目标应用对应的预设H5页面，包括：

向预设服务器发起资源获取请求，所述资源获取请求用于获取所述预设H5页面对应的目标资源包的目标资源路径；

接收到所述预设服务器针对所述资源获取请求的反馈信息，所述反馈信息中携带目标资源路径；

确定所述目标资源包中的多个资源文件；

加载所述多个资源文件，以实现所述预设H5页面展示。

3.根据权利要求2所述的方法，其特征在于，在所述确定所述目标资源包中的多个资源文件之后，所述方法还包括：

获取本地资源包，确定所述本地资源包对应的第一标识信息；

确定所述目标资源包的第二标识信息；

根据所述第一标识信息和所述第二标识信息，判断所述本地资源包是否需要更新；

若所述本地资源包不需要更新，则执行所述通过所述webview展示所述目标应用对应的预设H5页面的步骤；

若所述本地资源包需要更新，则对所述本地资源包进行更新。

4.根据权利要求3所述的方法，其特征在于，所述根据所述第一标识信息和所述第二标识信息，判断所述本地资源包是否需要更新，包括：

若所述第一标识信息与所述第二标识信息相同，则确定所述本地资源包不需要更新；

若所述第一标识信息与所述第二标识信息不同，则确定所述本地资源包不需要更新。

5.根据权利要求3所述的方法，其特征在于，所述对所述本地资源包进行更新，包括：

确定所述本地资源包中多个本地资源文件中每一本地资源文件对应的第一数字指纹，得到多个第一数字指纹；

确定所述目标资源包中每一资源文件对应的第二数字指纹，得到多个第二数字指纹；

对比所述多个第一数字指纹和所述多个第二数字指纹，得到多个匹配值，根据所述多个匹配值对所述本地资源包中所述多个本地资源文件进行更新。

6.根据权利要求5所述的方法，其特征在于，所述根据所述多个匹配值对所述本地资源包中所述多个本地资源文件进行更新，包括：

对比所述多个第一数字指纹和所述多个第二数字指纹，得到多个匹配值；

从所述多个匹配值中筛选出小于预设阈值的至少一个目标匹配值；

确定所述至少一个目标匹配值对应的至少一个目标资源文件，将所述至少一个目标资源文件增量更新到所述本地资源包中。

7.根据权利要求1或3所述的方法，其特征在于，在所述通过webview展示所述目标应用对应的预设H5页面之后，所述方法还包括：

创建目标队列；

在下载所述x5webview的过程中，通过所述目标队列记录所述webview的工作进程。

8.一种页面展示装置，其特征在于，应用于电子设备，所述装置包括：接收单元、检测单元、下载单元和展示单元，其中，

所述接收单元，用于接收到用户发起的应用启动指令，所述应用启动指令用于启动目标应用；

所述检测单元，用于检测是否安装有x5webview；

所述下载单元，用于若没有安装所述x5webview，则通过webview展示所述目标应用对应的预设H5页面，并基于所述预设H5页面增加一个子线程，通过所述子线程下载所述x5webview；

所述展示单元，用于在所述x5webview下载完成以后，确定所述目标应用对应的当前H5页面，通过所述x5webview展示所述当前H5页面。

9.一种电子设备，其特征在于，包括处理器、输入设备、输出设备和存储器，所述处理器、输入设备、输出设备和存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行如权利要求1-7任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行如权利要求1-7任一项所述的方法。

Images