一种webview页面处理方法及装置制造方法及图纸

技术编号:25185699 阅读:15 留言:0更新日期:2020-08-07 21:13
一种webview页面处理方法及装置,包括一母webview,子webview通过触发母webview产生;子webview获取第一外部输入;子webview获取第二外部输入;第二外部输入使得母webview获取第一外部输入之后展示到显示界面。本申请设置为母webview可以与子webview可直接进行信息交互的方式,使得在多层webview下,可以进行相互之间的信息交互,实现了多层Webview页面之间的消息通讯,解决了返回底层页面无法刷新、刷新慢的问题,简单易行,通讯效率高,扩宽了多层Webview页面的应用场景。

【技术实现步骤摘要】
一种webview页面处理方法及装置
本申请涉及一种webview页面处理方法及装置。
技术介绍
WebView即我们熟悉的“网络视图”,其能加载并显示界面内容;webview主要用于展示网络请求后的内容,将从网络地址请求的内容展示在里面。由于此种属性,这使得webview一般作为一种单操作线程的方式进行操作,但是由于webview本身的特性,各个网页之间存在一定的关系,但是单操作线程的方式,使得各个webview之间独立存在,通过与服务器交互数据进行页面显示,这实质上大大延缓了网页的刷新效率,也浪费了中间存储资料,同时进行了大量的不必要的信息交互,影响整体的数据传输速度。一般移动应用APP展示HTML5页面有两种方式:一.用单层webview组件,该方式HTML5页面打开新页面和回退之前页面都在单层webview组件内,实现简单,但跳转及回退的业务逻辑层次不清晰,回退页面还需要重新加载页面,效率低也浪费服务资源;二.用多层webview组件叠加显示页面,该方式HTML5页面打开新页面就会打开一层webview组件,返回时只需要关闭子webview即可,层次分明,返回上一个页面也不需要重新加载,效率高、速度快,但是子webview执行完操作后,无法及时、主动通知母webviewHTML5页面处理对应数据,如审批列表处理审批等业务无法应用该方式,限制了多层webview的应用场景。
技术实现思路
为了解决上述问题,本申请一方面提出了一种webview页面处理方法,包括如下步骤:包括一母webview,子webview通过触发母webview产生;子webview获取第一外部输入,判断所述第一外部输入是否为母webview所需数据,若为所需数据,将第一外部输入传输给母webview或者传输到母webview可获取的其他位置;子webview获取第二外部输入,第二外部输入使得子webview关闭或者降低相对于母webview的显示优先级;第二外部输入使得母webview获取第一外部输入之后展示到显示界面。本申请设置为母webview可以与子webview可直接进行信息交互的方式,使得在多层webview下,可以进行相互之间的信息交互,实现了多层Webview页面之间的消息通讯,解决了返回底层页面无法刷新、刷新慢的问题,简单易行,通讯效率高,扩宽了多层Webview页面的应用场景。优选的,获取第二外部输入后,子webview关闭,母webview获取第一外部输入之后展示到显示界面。优选的,获取第二外部输入后,子webview的显示优先级降低至低于母webview显示优先级或者是母webview显示优先级升高至高于子webview显示优先级,使得获取了第一外部输入之后的母webview展示到显示界面。本申请提供了两种母webview与子webview之间的切换方式,一种是子webview关闭,使得母webview得以进入到显示界面;第二种是母webview显示优先级提升,此时子webview并未关闭,在此种状况下,由于没有关闭,即使在没有框架层存在的情况下,子webview可以直接通过设计JS调用方法进行与母webview进行信息交互,这样可以进一步的节省调用的过程以及调用过程所占用的储存空间以及计算能力。优选的,还包括一框架层,所述框架层用于母webview和子webview之间的通信。本申请通过设置框架层可以为不同线程之间的webview提供一个交互通道,由于在多层模式下处于激活状态下的webview只有一个,不同线程的webview并不能通信,因此需要设置框架层作为中间信息传输和控制中枢来进行不同webview之间的信息交互。优选的,所述子webview叠加在母webview上,所述子webview待输入内容来源于母webview。优选的,所述框架层将webview配置成允许JS交互并且定义JS调用方法名和参数;在框架层设置有JS接口使得母webview和子webview的对象和方法映射设置。优选的,所述子webview上还叠加归属于子webview的子子webview,在子webview和子子webview之间独立设置有用于通信的框架层。本申请可以采用树状分布来使得每个webview都具有扩展性,且为了使得临近webview之间的一体化,临近的webview之间设置独立的框架层来保证webview之间通信的及时性和有效性。优选的,所述母webview对应多个子webview,所述子webview对应多个子子webview。优选的,各个webview采用Html5界面。另一方面,还提出了一种webview页面处理装置,包括如下模块:显示模块,用于显示母webview和子webview,子webview通过触发母webview产生;第一接收判断模块,用于子webview获取第一外部输入,判断所述第一外部输入是否为母webview所需数据,若为所需数据,将第一外部输入传输给母webview或者传输到母webview可获取的其他位置;第二接收判断模块,用于子webview获取第二外部输入,第二外部输入使得子webview关闭或者降低相对于母webview的显示优先级;第二外部输入使得母webview获取第一外部输入之后展示到显示界面;框架层,所述框架层用于母webview和子webview之间的通信。本申请能够带来如下有益效果:1.本申请设置为母webview可以与子webview可直接进行信息交互的方式,使得在多层webview下,可以进行相互之间的信息交互,实现了多层Webview页面之间的消息通讯,解决了返回底层页面无法刷新、刷新慢的问题,简单易行,通讯效率高,扩宽了多层Webview页面的应用场景;2.本申请提供了两种母webview与子webview之间的切换方式,一种是子webview关闭,使得母webview得以进入到显示界面;第二种是母webview显示优先级提升,此时子webview并未关闭,在此种状况下,由于没有关闭,即使在没有框架层存在的情况下,子webview可以直接通过设计JS调用方法进行与母webview进行信息交互,这样可以进一步的节省调用的过程以及调用过程所占用的储存空间以及计算能力;3.本申请通过设置框架层可以为不同线程之间的webview提供一个交互通道,由于在多层模式下处于激活状态下的webview只有一个,不同线程的webview并不能通信,因此需要设置框架层作为中间信息传输和控制中枢来进行不同webview之间的信息交互;4.本申请可以采用树状分布来使得每个webview都具有扩展性,且为了使得临近webview之间的一体化,临近的webview之间设置独立的框架层来保证webview之间通信的及时性和有效性。附图说明此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构本文档来自技高网...

【技术保护点】
1.一种webview页面处理方法,其特征在于:包括如下步骤:/n包括一母webview,子webview通过触发母webview产生;/n子webview获取第一外部输入,判断所述第一外部输入是否为母webview所需数据,若为所需数据,将第一外部输入传输给母webview或者传输到母webview可获取的其他位置;/n子webview获取第二外部输入,第二外部输入使得子webview关闭或者降低相对于母webview的显示优先级;第二外部输入使得母webview获取第一外部输入之后展示到显示界面。/n

【技术特征摘要】
1.一种webview页面处理方法,其特征在于:包括如下步骤:
包括一母webview,子webview通过触发母webview产生;
子webview获取第一外部输入,判断所述第一外部输入是否为母webview所需数据,若为所需数据,将第一外部输入传输给母webview或者传输到母webview可获取的其他位置;
子webview获取第二外部输入,第二外部输入使得子webview关闭或者降低相对于母webview的显示优先级;第二外部输入使得母webview获取第一外部输入之后展示到显示界面。


2.根据权利要求1所述的一种webview页面处理方法,其特征在于:获取第二外部输入后,子webview关闭,母webview获取第一外部输入之后展示到显示界面。


3.根据权利要求1所述的一种webview页面处理方法,其特征在于:获取第二外部输入后,子webview的显示优先级降低至低于母webview显示优先级或者是母webview显示优先级升高至高于子webview显示优先级,使得获取了第一外部输入之后的母webview展示到显示界面。


4.根据权利要求1所述的一种webview页面处理方法,其特征在于:还包括一框架层,所述框架层用于母webview和子webview之间的通信。


5.根据权利要求4所述的一种webview页面处理方法,其特征在于:所述子webview叠加在母webview上,所述子webview待输入内容来源于母webview。


6.根据权利要求5所述的一种webv...

【专利技术属性】
技术研发人员:胡军董志勇潘新娟韩云峰路俊尧杜杰刘浩然刘广法于波
申请(专利权)人:山东旗帜信息有限公司
类型:发明
国别省市:山东;37

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1