[发明专利]混合视图的显示方法及装置

说明书

本发明公开了一种混合视图的显示方法及装置，涉及网页处理技术领域，解决了混合视图显示准确度低和不一致的问题。本发明的主要技术方案为：当接收到网页视图加载指令时，对所述网页视图进行加载，所述网页视图中包含有用于添加客户端视图的占位元素；从所述网页视图的加载结果中获取所述占位元素的位置信息；在所述位置信息添加所述客户端视图；显示所述添加有所述客户端视图的网页视图。本发明主要用于显示混合视图。

技术领域

本发明涉及网页处理技术领域，尤其涉及一种混合视图的显示方法及装置。

背景技术

随着信息技术的快速发展，人们对移动终端设备上的APP(Application，应用程序)要求越来越高，鉴于移动终端的局限性，移动终端上的APP由本地化应用(Native App)，到混合型应用(Hybrid APP)，再到基于WEB的应用Web App，这一连串的变化都源于技术的更新和市场的需要。其中，Hybrid App是指介于web-app、native-app这两者之间的App，通过它可以同时展示某一个应用程序的网页视图和客户端视图，网页视图是运行在浏览器上的HTML5(超文本标记语言)页面，客户端视图是由iOS/Android开发语言编写的用于展示性的页面或控件，比如淘宝应用程序，通过Hybrid App可以混合展示淘宝应用程序网页视图和客户端视图。

目前，可以通过在移动终端webView(客户端网页容器)当中添加子视图的方式实现混合型应用，即通过在webView中添加客户端视图实现应用中网页视图和客户端视图的混合显示。如在iOS系统中通过向webView.scrollView中添加客户端视图；或者在Android系统中通过webview.addView方法可以直接向webview中添加客户端视图。然而，由于网页视图是依靠浏览器引擎进行渲染，而客户端视图是依靠操作系统的编译运行，两者环境不一样，因此在网页视图进行滚动变化时，造成现有混合视图显示不一致。

发明内容

鉴于上述问题，提出了本发明，以便提供一种克服上述问题或者至少部分地解决上述问题的混合视图的显示方法及装置。

为达到上述目的，本发明主要提供如下技术方案：

一方面，本发明实施例提供了一种混合视图的显示方法，该方法包括：

当接收到网页试图加载指令时，对所述网页视图进行加载，所述网页视图中包含有用于添加客户端视图的占位元素；

从所述网页视图的加载结果中获取所述占位元素的位置信息；

在所述位置信息添加所述客户端视图；

显示所述添加有所述客户端视图的网页视图。

另一方面，本发明实施例还提供一种混合视图的显示装置，该装置包括：

加载单元，当接收到网页视图加载指令时，对所述网页视图进行加载，所述网页视图中包含有用于添加客户端视图的占位元素；

获取单元，从所述网页视图的加载结果中获取所述占位元素的位置信息；

添加单元，在所述位置信息添加所述客户端视图；

显示单元，显示所述添加有所述客户端视图的网页视图。

借由上述技术方案，本发明实施例提供的技术方案至少具有下列优点：