[发明专利]一种界面显示方法、装置、设备及存储介质

说明书

本发明公开了一种界面显示方法、装置、设备及存储介质，所述方法包括：获取统一资源定位符；获取所述统一资源定位符对应网页的呈现树对象；将所述呈现树对象转换为原生控件，并将所述呈现树对象对应网页的网页元素转换为原生控件的控件元素；将所述原生控件的控件元素加载到当前界面，生成原生界面。本发明能够把所有的网页以原生界面的形式进行客户端界面的呈现，避免了Web界面显示出现的多种性能不佳的问题，显示过程更加快速和流畅，提升了用户的体验感受；在生成原生界面的过程中不用开发大量的原生代码，开发成本低，学习成本低；还能够复用已有的数据信息。

技术领域

本发明涉及移动设备网络界面显示技术领域，尤其涉及一种界面显示方法、装置、设备及存储介质。

背景技术

目前移动开发，已经分化为Android和IOS两大平台，很多应用需要为此编写两套代码致使开发和维护成本很高；并且，通常业界上应用APP都有很多的动态化的需求，比如运营活动、问题处理、快速上新功能等，特别像双十一、618这样的电商活动。对于这种既要体验好，又要开发速度快的需求，如果每次都需要通过原生代码的开发进行实现，不但耗时费力，而且成本高。

目前业界通用的跨平台的解决方案，常见分为两类：

(1)HTML5：移动设备的内置的浏览器都基于Webkit框架，都支持HTML5；HTML5可以在用户打开浏览器的时候，进行应用的访问，不用经过各种Store的审核，而且实时更新，不存在因为平台审核不通过致使问题无法处理。

(2)ReactNative：ReactNative是Facebook在React.JS Conf2015大会上推出了基于JavaScript的开源框架，使用JavaScript来开发IOS和Android原生应用；在JavaScript中用React抽象操作系统原生的UI组件，代替DOM元素来渲染等，这使得开发者只需学习一种语言就能为平台编写代码。

但是，HTML5存在多种性能问题，比如白屏、不流畅等，也无法实现复用效果，用户体验比较差。并且，ReactNative，其学习成本很高，并且也存在大量如HTML5无法复用的问题。

发明内容

为了解决现有技术应用在显示的页面中出现的白屏、不流畅，且页面无法复用等问题，本发明提供了一种界面显示方法、装置、设备及存储介质：

第一方面，本发明提供了一种界面显示方法，所述方法包括：

获取统一资源定位符；

根据所述统一资源定位符获取对应网页的呈现树对象；

将所述呈现树对象转换为原生控件，并将所述呈现树对象对应网页的网页元素转换为原生控件的控件元素；

将所述原生控件的控件元素加载到当前界面，生成原生界面。

第二方面提供了一种界面显示装置，所述装置包括：

统一资源定位符获取模块，用于获取统一资源定位符；

呈现树对象获取模块，用于根据所述统一资源定位符获取对应网页的呈现树对象；

呈现树对象转换模块，用于将所述呈现树对象转换为原生控件，并将所述呈现树对象对应网页的网页元素转换为原生控件的控件元素；

原生界面生成模块，用于将所述原生控件的控件元素加载到当前界面，生成原生界面。

第三方面提供了一种界面显示设备，所述设备包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如第一方面所述的界面显示方法。