CN109614564B - 提升WebView与H5交互实时性的方法及装置 - Google Patents

Abstract

本发明公开了一种提升WebView与H5交互实时性的方法，包括如下步骤：接收触发指令，获取参数信息，其中，参数信息包括交互内容和至少一个备选项；输出交互内容；进行语音监听；根据监听到的语音指令和备选项，确定指定选项输出。可以通过简单的操作方式加快H5加载的时间，使用户无需长时间进行等待,并且对于在H5链接内部包含地图加载或者音视频等情况下，也不需要过多的等待时间，提高了用户的行驶体验感。

Description

提升WebView与H5交互实时性的方法及装置

技术领域

本发明涉及信息交互技术领域，特别是一种提升WebView与H5交互实时性的方法及装置。

背景技术

目前，通过安卓系统的WebView加载H5时，对于含有较大资源的H5链接内容，往往需要花很长时间进行加载,用户需要经历无趣的等待,特别是是在H5内部包含地图加载或者音视频等大内存资源在加载时，等待时间更长，用户体验很差。例如，现阶段利用车载桌面进行导航的应用越来越广泛，一般在导航结束时需要加载一个固定的H5链接,该H5链接内部包含地图加载及导航轨迹显示，而由于地图的加载耗时较长，因而造成用户等待时间较长，降低了用户的行驶体验感。

发明内容

为了解决上述问题，发明人没有采用传统的将WebView组件通过Activity控件进行显示的方式，而是构思将WebView以像素极低的形式装载到WindowManager中,解决WebView在未装载显示时加载地址无效的问题。再对需要访问的H5链接进行Load(加载)来做提前预加载,甚至可以在这个几乎不可见的状态完成许多用户不需要关注且耗时的Native与H5的各类交互,待需要显示时再将WebView直接放大显示即可,这样用户能体验到的就是实时的显示过程，不再需要漫长的等待加载，大幅提升用户体验。

根据本发明的第一方面，提供了一种提升WebView与H5交互实时性的方法，包括如下步骤：

获取WindowManager；

创建第一显示面积的WebView，并将其装载在所述WindowManager上；

在装载的第一显示面积的WebView上预加载需要访问的H5链接的静态资源；

在接收到显示触发信号时，将第一显示面积的WebView放大至第二显示面积进行显示。

根据本发明的第二方面，提供了提升WebView与H5交互实时性的装置，包括

显示窗获取模块，用于获取WindowManager；

显示组件创建模块，用于创建并在所述WindowManager上装载第一显示面积的WebView；

预加载模块，用于在装载的第一显示面积的WebView上预加载需要访问的H5链接的静态资源；

实时显示模块，用于在接收到显示触发信号时，将第一显示面积的WebView放大至第二显示面积进行显示。

根据本发明的第三个方面，提供了一种电子设备，其包括：至少一个处理器，以及与至少一个处理器通信连接的存储器，其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行上述方法的步骤。

根据本发明的第四个方面，提供了一种存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述方法的步骤。

根据本发明提供了方法及装置，可以通过简单的操作方式加快H5加载的时间，使用户无需长时间进行等待,并且对于在H5链接内部包含地图加载或者音视频等情况下，也不需要过多的等待时间，大幅提高了用户体验。

附图说明

图1为本发明一实施方式的提升WebView与H5交互实时性的方法流程图；

图2为本发明又一实施方式的提升WebView与H5交互实时性的方法流程图；

图3为本发明一实施方式的提升WebView与H5交互实时性的装置原理框图；

图4为本发明又一实施方式的提升WebView与H5交互实时性的装置原理框图；

图5为本发明一种实施方式的电子设备的框图。

具体实施方式

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

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

本发明可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、元件、数据结构等等。也可以在分布式计算环境中实践本发明，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

在本发明中，“模块”、“装置”、“系统”等指应用于计算机的相关实体，如硬件、硬件和软件的组合、软件或执行中的软件等。详细地说，例如，元件可以、但不限于是运行于处理器的过程、处理器、对象、可执行元件、执行线程、程序和/或计算机。还有，运行于服务器上的应用程序或脚本程序、服务器都可以是元件。一个或多个元件可在执行的过程和/或线程中，并且元件可以在一台计算机上本地化和/或分布在两台或多台计算机之间，并可以由各种计算机可读介质运行。元件还可以根据具有一个或多个数据包的信号，例如，来自一个与本地系统、分布式系统中另一元件交互的，和/或在因特网的网络通过信号与其它系统交互的数据的信号通过本地和/或远程过程来进行通信。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”，不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本发明实施例的提升WebView与H5交互实时性的方法可以应用于任何需要通过H5链接加载较大资源进行显示的终端设备，例如，装载有该需求的应用程序的智能手机、平板电脑、智能家居等终端设备，本发明对此不作限制。从而能够使得用户在使用这些终端设备的过程中获得更及时准确的响应，提升用户体验。

下面结合附图对本发明作进一步详细的说明。

图1示意性地显示了根据本发明一实施方式的提升WebView与H5交互实时性的方法流程图，如图1所示，本实施例包括如下步骤：

步骤S101：获取WindowManager。

示例性地，根据安卓系统自带的调用接口提供的调用函数直接获取WindowManager。

步骤S102：创建第一显示面积的WebView，并将其装载在WindowManager上。

示例性地，根据安卓系统自带的函数指令进行创建WebView组件，并且设置其显示面积即第一显示面积为1px(像素)，再将其装载到上步获取的WindowManager控件上。通过将第一显示面积设置为1像素，可以保证以用户几乎不可见的状态进行执行，不需要用户花费过多精力去关注，而WebView组件对WindowManager却是可见的，因而可以对其进行相应操作，如进行H5链接的预加载、进行Native与H5的各类交互等。

步骤S103：在装载的第一显示面积的WebView上预加载需要访问的H5链接的静态资源。将要访问的H5链接在WebView上进行加载，示例性地，加载H5链接中的静态资源，例如视频链接、画面链接等不会随着交互而发生变化的资源内容，而对于这些资源的加载又常常需要耗费很长的时间来加载，将这些静态资源在WebView进行预加载可以事先的做好显示准备，使得用户不花费多余等待时间。

步骤S104：在接收到显示触发信号时，将第一显示面积的WebView放大至第二显示面积进行显示。在接收到相应的触发信号，例如由用户输入的播放请求等，就会将事先预加载的静态资源由一个像素点显示为全屏，不需要用户再花时间去等待，对用户来说像实时显示一样，大幅提高用户体验。

图2示意性地显示了根据本发明又一实施方式的提升WebView与H5交互实时性的方法流程图，如图2所示，本实施例包括如下步骤：

步骤S201至步骤S202的具体实现方式可以参照步骤S101至步骤S102所示。

步骤S203：从WindowManager上卸载预加载有H5链接中的静态资源的WebView。为了节约资源占用空间和减轻UI资源负担，不影响处理进行，在需要进行显示前，可以临时将预加载有H5链接中的静态资源的WebView卸载，示例性地，在对H5链接中的静态资源进行加载时，通过监听WebView加载H5的系统回调，来对H5链接的加载情况进行监听，当基于系统回调判断H5链接中的静态资源已经加载完成，先将暂时用不到的加载有H5链接中的静态资源的WebView进行卸载，其中，卸载通过安卓系统内部的卸载指令实现。

步骤S204：在接收到显示触发信号时，将第一显示面积的WebView放大至第二显示面积进行显示。在接收到显示触发信号时，首先将预加载有H5链接中的静态资源的WebView再进行安装，即再次装载到WindowManager上，之后进行放大显示，放大显示的具体实现方式可以参照步骤S104。

步骤S205：在进行显示时，获取并加载H5链接中的动态资源。其中，动态资源包含有实时数据，为在进行显示前动态获得的(在加载显示时，会接收到动态脚本数据，例如，安卓系统中，可以由Native通过PhoneGap技术将实时交互中获取的需要显示的动态数据以脚本的方式发送给H5进行加载显示)。这样，就可以将静态资源进行预加载，而将获取的动态资源进行实时显示，加载速度快，避免过多的资源占用。

根据本实施例可以实现通过简单的操作方式加快H5加载的时间，使用户无需长时间进行等待,并且对于在H5链接内部包含地图加载或者音视频等情况下，也不需要过多的等待时间，提高了用户的行驶体验感。且本实施例中在预加载完成后还不需要显示时，将WebView从WindowManager上卸载(并不是销毁)，待需要显示时再将WebView直接装载并放大显示即可，减少了UI组件的资源负担，优化UI性能。

上述方法的应用场景实例例如为导航时，在导航结束一般需要进行导航轨迹的完整显示。这样，在开始导航时，通过上述方法先将WebView以1px的显示面积装载至WindowManager上，并预加载用户的目的地行径地图，当地图加载完成后，将预加载有地图的WebView从WindowManager上卸载。在导航结束，进行导航轨迹显示时，在根据导航结束的信号，先将预加载有地图的WebView再装载到WindowManager上，并对导航路线这一动态资源进行加载，将加载好的完整显示内容放大显示，就得的了实时的完整性的地图及导航轨迹，这样对用户来说，该显示过程就像实时的一样，大幅提高用户体验。

图3示意性地显示了根据本发明一实施方式的提升WebView与H5交互实时性的装置原理框图，如图3所示，

提升WebView与H5交互实时性的装置包括：显示窗获取模块301、显示组件创建模块302、实时显示模块303、预加载模块304和动态加载模块305。

显示窗获取模块301用于获取WindowManager，通过Android系统提供的调用函数实现。显示组件创建模块303用于创建并在WindowManager上装载第一显示面积的WebView。具体实现方式可以参照上述方法部分。

预加载模块304用于在装载的第一显示面积的WebView上预加载需要访问的H5链接的静态资源。当H5链接中获取的全部为静态资源时，可以在该模块预先加载该静态资源，以节约用户的等待时间。

实时显示模块303用于在接收到显示触发信号时，将第一显示面积的WebView放大至第二显示面积进行显示。第一显示面积可以为用户肉眼看不到的大小，示例性地为1px，第二显示面积则根据显示需求设定，如在操作中实现为全屏显示。

根据本装置可以实现对H5链接中的静态资源预先显示，节约用户的等待时间。

图4示意性地显示了根据本发明又一实施方式的提升WebView与H5交互实时性的装置原理框图，如图4所示，

提升WebView与H5交互实时性的装置还包括：动态加载模块305、显示组件卸载模块306和再装载模块307。

动态加载模块305用于在进行显示时，获取并加载H5链接中的动态资源。

显示组件卸载模块306用于在监听到H5链接中的静态资源加载完成时，从WindowManager上卸载预加载有H5链接中的静态资源的WebView；

再装载模块307用于在接收到显示触发信号时，将预加载有H5链接的静态资源的第一显示面积的WebView装载在WindowManager上。

根据该装置，对于H5链接中包含有动态资源的情况，可以灵活的对WindowManager通过显示组件卸载模块306进行卸载，在需要对静态资源使用第一显示面积显示时，可以通过再装载模块307进行安装，操作简单方便。由此，可以实现通过简单的操作方式加快H5加载的时间，使用户无需长时间进行等待,并且对于在H5链接内部包含地图加载或者音视频等情况下，也不需要过多的等待时间，提高了用户的行驶体验感，且节省UI资源占用。

本发明上述实施例中提及的WindowManager是android系统提供的一个service(服务),提供全局唯一的view视图管理及消息处理工具组件，用于对view视图的增加、删除、更新、顺序层级、状态、消息收集和处理等；WebView是Android系统提供的专门用来加载显示网页的view组件，用于加载显示网页(普通html或者h5),即将网页中的code代码变成用户可见及可触摸控制的元素；H5是用第五代html技术标签实现的网页(html页面)，用于网页的实现及网页的显示，Native是安卓系统中使用到的一种程序语言，能够基于PhoneGap技术实现与H5的双向通信。

在一些实施例中，本发明实施例提供一种非易失性计算机可读存储介质，所述存储介质中存储有一个或多个包括执行指令的程序，所述执行指令能够被电子设备(包括但不限于计算机，服务器，或者网络设备等)读取并执行，以用于执行本发明上述任一项提升WebView与H5交互实时性的方法。

在一些实施例中，本发明实施例还提供一种计算机程序产品，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当所程序指令被计算机执行时，使计算机执行上述任一项提升WebView与H5交互实时性的方法。

在一些实施例中，本发明实施例还提供一种电子设备，其包括：至少一个处理器，以及与至少一个处理器通信连接的存储器，其中，存储器存储有可被至少一个处理器执行的指令，指令被所述至少一个处理器执行，以使至少一个处理器能够执行提升WebView与H5交互实时性的方法。

在一些实施例中，本发明实施例还提供一种存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时提升WebView与H5交互实时性的方法。

上述本发明实施例的提升WebView与H5交互实时性的装置可用于执行本发明实施例的提升WebView与H5交互实时性的方法，并相应的达到上述本发明实施例的实现提升WebView与H5交互实时性的方法所达到的技术效果，这里不再赘述。本发明实施例中可以通过硬件处理器(hardware processor)来实现相关功能模块。

图5是本申请另一实施例提供的执行提升WebView与H5交互实时性的方法的电子设备的硬件结构示意图，如图5所示，该设备包括：

一个或多个处理器510以及存储器520，图5中以一个处理器510为例。

执行提升WebView与H5交互实时性的方法的设备还可以包括：输入装置530和输出装置540。

处理器510、存储器520、输入装置530和输出装置540可以通过总线或者其他方式连接，图5中以通过总线连接为例。

存储器520作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本申请实施例中的提升WebView与H5交互实时性的方法对应的程序指令/模块。处理器510通过运行存储在存储器520中的非易失性软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例提升WebView与H5交互实时性的方法。

存储器520可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据提升WebView与H5交互实时性的装置的使用所创建的数据等。此外，存储器520可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实施例中，存储器520可选包括相对于处理器510远程设置的存储器，这些远程存储器可以通过网络连接至提升WebView与H5交互实时性的装置。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

输入装置530可接收输入的数字或字符信息，以及产生与提升WebView与H5交互实时性的装置的用户设置以及功能控制有关的信号。输出装置540可包括显示屏等显示设备。

上述一个或者多个模块存储在所述存储器520中，当被所述一个或者多个处理器510执行时，执行上述任意方法实施例中的提升WebView与H5交互实时性的方法。

上述产品可执行本申请实施例所提供的方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本申请实施例所提供的方法。

本申请实施例的电子设备以多种形式存在，包括但不限于:

(1)移动通信设备:这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机，以及低端手机等。

(2)超移动个人计算机设备:这类设备属于个人计算机的范畴，有计算和处理功能，一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等，例如iPad。

(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod)，掌上游戏机，电子书，以及智能玩具和便携式车载导航设备。

(4)服务器:提供计算服务的设备，服务器的构成包括处理器、硬盘、内存、系统总线等，服务器和通用的计算机架构类似，但是由于需要提供高可靠的服务，因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。

(5)车载设备:这类设备的特点是具备通信功能，以提供便捷的车载服务等为主要目标。这类终端包括:车载音响、车机、车镜、HUD、行车记录仪、车载机器人等。

(6)其他具有数据交互功能的电子装置。

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

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

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (10)

1.提升WebView与H5交互实时性的方法，其特征在于，包括：

获取WindowManager；

创建第一显示面积的WebView，并将其装载在所述WindowManager上；

在装载的第一显示面积的WebView上预加载需要访问的H5链接的静态资源；

在接收到显示触发信号时，将第一显示面积的WebView放大至第二显示面积进行显示。

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

在进行显示时，获取并加载H5链接中的动态资源。

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

监听H5链接的静态资源的预加载进度，在判定H5链接的静态资源加载完成时，从所述WindowManager上卸载预加载有H5链接中的静态资源的WebView；

在接收到显示触发信号时还包括：

将预加载有H5链接的静态资源的第一显示面积的WebView装载在所述WindowManager上。

4.根据权利要求1至3任一项所述的方法，其特征在于，所述第一显示面积为1px。

5.提升WebView与H5交互实时性的装置，其特征在于，包括：

显示窗获取模块，用于获取WindowManager；

显示组件创建模块，用于创建并在所述WindowManager上装载第一显示面积的WebView；

预加载模块，用于在装载的第一显示面积的WebView上预加载需要访问的H5链接的静态资源；

实时显示模块，用于在接收到显示触发信号时，将第一显示面积的WebView放大至第二显示面积进行显示。

6.根据权利要求5所述的装置，其特征在于，包括

动态加载模块，用于在进行显示时，获取并加载H5链接中的动态资源。

7.根据权利要求6所述的装置，其特征在于，还包括：

显示组件卸载模块，用于在判定所述H5链接中的静态资源加载完成时，从所述WindowManager上卸载预加载有H5链接中的静态资源的WebView；

再装载模块，用于在接收到显示触发信号时，将预加载有H5链接的静态资源的第一显示面积的WebView装载在所述WindowManager上。

8.根据权利要求5至7任一项所述的装置，其特征在于，所述第一显示面积为1px。

9.电子设备，其包括：至少一个处理器，以及与所述至少一个处理器通信连接的存储器，其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-4中任意一项所述方法的步骤。

10.存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1-4中任意一项所述方法的步骤。

Images