一种提高Web应用界面渲染效率的方法及系统技术方案

本发明专利技术公开一种提高Web应用界面渲染效率的方法及系统，其中，方法包括步骤：A、接收来自HTML页面的标签对象，对标签对象进行转换映射，将标签对象映射为操作系统的原生控件对象；B、将映射的操作系统的原生控件对象与显示处理服务程序进行绑定；C、通过所述显示处理服务程序对映射的原生控件对象进行图像显示及合成处理，最后进行显示输出。本发明专利技术通过对Webkit内核进行改进，在解析来自Html的标签元素时对其进行映射转换，将转换后的原生控件对象传入操作系统显示服务程序，通过本发明专利技术的方法绕过WebView直接利用操作系统原生显示服务程序实现Web界面元素渲染，提高了渲染效率，改善了Web应用程序用户体验。

【技术实现步骤摘要】

本专利技术涉及Web应用领域，尤其涉及一种提高Web应用界面渲染效率的方法及系统。
技术介绍
一个完整的Web页面组成包括HTML文本、JavaScript代码、CSS代码以及各种资源文件。网络上的每个资源都是由URL标记的。浏览器的主要作用就是将用户输入的URL转变为可视化的图像，这其中包含两个过程，其一是网页加载过程，就是从URL构建DOM树；其二是网页渲染过程，从DOM树生成可视化图像。在浏览器中将页面转变成可视化图像主要由浏览器内核模块完成，浏览器内核通常也称为渲染引擎。目前业内主要的渲染引擎有Webkit、Gecko和Trident，他们分别是浏览器Chrome、Firefox和IE的内核。Android系统默认采用Chrome浏览器，内核是Webkit，在Android4.4以后版本，内核升级为Blink，主要目的在于优化和提升页面渲染速度和效率。Android系统在框架层通过Webview（网络视图）模块封装Webkit/Blink底层实现，WebView向上层应用提供Java接口供应用程序使用。目前Android市场上存在的Web应用绝大多数都是基于WebView开发的，这些应用的使用体验与本地应用相比还有不足，其一个重要原因在于：基于Webview的web应用页面加载和刷新速度不如本地应用快，所以其与原生应用相比，用户体验不佳。因此，现有技术还有待于改进和发展。
技术实现思路
鉴于上述现有技术的不足，本专利技术的目的在于提供一种提高Web应用界面渲染效率的方法及系统，旨在解决Web应用页面加载和刷新速度慢的问题。本专利技术的技术方案如下：一种提高Web应用界面渲染效率的方法，其中，包括步骤：A、接收来自HTML页面的标签对象，对标签对象进行转换映射，将标签对象映射为操作系统的原生控件对象；B、将映射的操作系统的原生控件对象与显示处理服务程序进行绑定；C、通过所述显示处理服务程序对映射的原生控件对象进行图像显示及合成处理，最后进行显示输出。所述的提高Web应用界面渲染效率的方法，其中，所述步骤A具体包括：解析HTML页面，通过词法分析，生成节点；根据节点信息创建DOM树。所述的提高Web应用界面渲染效率的方法，其中，所述步骤A还包括：将DOM树上的标签对象节点与操作系统中的原生控件对象进行关系对应，建立标签对象和原生控件对象的映射表。所述的提高Web应用界面渲染效率的方法，其中，所述步骤B具体包括：将映射的原生控件对象与显示处理服务程序进行进程间通信，将映射的原生控件对象传递给显示处理服务程序。所述的提高Web应用界面渲染效率的方法，其中，所述步骤C具体包括：将图像显示以及合成处理后的结果交由系统显示驱动程序；通过所述系统显示驱动程序完成向显示设备的图像写入操作，输出显示图像。一种提高Web应用界面渲染效率的系统，其中，包括：转换映射模块，用于接收来自HTML页面的标签对象，对标签对象进行转换映射，将标签对象映射为操作系统的原生控件对象；绑定模块，用于将映射的操作系统的原生控件对象与显示处理服务程序进行绑定；显示模块，用于通过所述显示处理服务程序对映射的原生控件对象进行图像显示及合成处理，最后进行显示输出。所述的提高Web应用界面渲染效率的系统，其中，转换映射模块具体包括：DOM树创建单元，用于解析HTML页面，通过词法分析，生成节点；根据节点信息创建DOM树。所述的提高Web应用界面渲染效率的系统，其中，所述转换映射模块还包括：映射单元，用于将DOM树上的标签对象节点与操作系统中的原生控件对象进行关系对应，建立标签对象和原生控件对象的映射表。所述的提高Web应用界面渲染效率的系统，其中，所述绑定模块具体包括：绑定单元，用于将映射的原生控件对象与显示处理服务程序进行进程间通信，将映射的原生控件对象传递给显示处理服务程序。所述的提高Web应用界面渲染效率的系统，其中，所述显示模块具体包括：显示单元，用于将图像显示以及合成处理后的结果交由系统显示驱动程序；通过所述系统显示驱动程序完成向显示设备的图像写入操作，输出显示图像。有益效果：本专利技术通过对Webkit内核进行改进，在解析来自HTML的标签元素时对其进行映射转换，将转换后的原生控件对象传入操作系统显示服务程序，通过本专利技术的方法绕过WebView直接利用操作系统原生显示服务程序实现Web界面元素渲染，提高了渲染效率，改善了Web应用程序用户体验。附图说明图1为本专利技术一种提高Web应用界面渲染效率的方法较佳实施例的流程图。图2为本专利技术中Webkit内核架构简图。图3为本专利技术一种提高Web应用界面渲染效率的系统较佳实施例的结构框图。具体实施方式本专利技术提供一种提高Web应用界面渲染效率的方法及系统，为使本专利技术的目的、技术方案及效果更加清楚、明确，以下对本专利技术进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。请参阅图1，图1为本专利技术一种提高Web应用界面渲染效率的方法较佳实施例，如图所示，其包括步骤：S101、接收来自HTML页面的标签对象，对标签对象进行转换映射，将标签对象映射为操作系统的原生控件对象；S102、将映射的操作系统的原生控件对象与显示处理服务程序进行绑定；S103、通过所述显示处理服务程序对映射的原生控件对象进行图像显示及合成处理，最后进行显示输出。本专利技术通过HTML标签对象向系统原生的控件对象转换，以及将原生控件对象与显示处理服务程序绑定，页面渲染绕过Webview，直接调用操作系统原生显示程序，进行界面显示，所以大幅提高了渲染效率，改善了目前使用HTML、CSS、Javascript语言开发的基于WebView控件运行的Web应用界面显示速度慢，与原生应用相比用户体验不足的问题，使得Web应用达到与原生本地应用一致的体验效果。Webkit内核有两个关键的模块WebCore模块和JSCore模块，其架构简图参见图2所示。其中WebCore模块具有多个子模块，可分别用于解析页面HTML内容及CSS显示、生成DOM树、生成渲染树、实现页面布局和绘制等。页面的布局由Webkit的FrameView（框架视图）对象进行计算。页面的绘制由Webkit的RenderObject（渲染物体）对象进行。JSCore模块用于解析和执行JavaScript控制逻辑。本专利技术对WebCore和JSCore模块进行改进，当Webkit解析程序接收到来自HTML页面的标签对象时，进行一次类型转换映射，例如将HTML的<Button>标签对象映射为操作系统原生的Button控件对象。WebCore模块将Button控件对象传入JSCore模块，JSCore模块将Button控件对象与操作系统界面显示处理服务程序进行绑定。例如以Android系统为例，将Button控件传入surfaceflinger服务，在Android系统中，控件实质继承自View对象，surfaceflinger服务操作View对象，进行图像显示及合成处理，最终显示。进一步，所述步骤S101具体包括：解析HTML页面，通过词法分析，生成节点；根据节点信息创建DOM树。首先由Webkit的Renderer进程创建工作线程，调用WebCor本文档来自技高网...

【技术保护点】
一种提高Web应用界面渲染效率的方法，其特征在于，包括步骤：A、接收来自HTML页面的标签对象，对标签对象进行转换映射，将标签对象映射为操作系统的原生控件对象；B、将映射的操作系统的原生控件对象与显示处理服务程序进行绑定；C、通过所述显示处理服务程序对映射的原生控件对象进行图像显示及合成处理，最后进行显示输出。

【技术特征摘要】
1.一种提高Web应用界面渲染效率的方法，其特征在于，包括步骤：A、接收来自HTML页面的标签对象，对标签对象进行转换映射，将标签对象映射为操作系统的原生控件对象；B、将映射的操作系统的原生控件对象与显示处理服务程序进行绑定；C、通过所述显示处理服务程序对映射的原生控件对象进行图像显示及合成处理，最后进行显示输出。2.根据权利要求1所述的提高Web应用界面渲染效率的方法，其特征在于，所述步骤A中所述接收来自HTML页面的标签对象具体包括：解析HTML页面，通过词法分析，生成节点；根据节点信息创建DOM树。3.根据权利要求2所述的提高Web应用界面渲染效率的方法，其特征在于，所述步骤A中所述对标签对象进行转换映射，将标签对象映射为操作系统的原生控件对象具体包括：将DOM树上的标签对象节点与操作系统中的原生控件对象进行关系对应，建立标签对象和原生控件对象的映射表。4.根据权利要求1所述的提高Web应用界面渲染效率的方法，其特征在于，所述步骤B具体包括：将映射的原生控件对象与显示处理服务程序进行进程间通信，将映射的原生控件对象传递给显示处理服务程序。5.根据权利要求1所述的提高Web应用界面渲染效率的方法，其特征在于，所述步骤C具体包括：将图像显示以及合成处理后的结果交由系统显示驱动程序；通过所述系统显示驱动程序完成向显示设备的图像写入操作，输出显示图像。...

【专利技术属性】
技术研发人员：曹源，
申请(专利权)人：TCL集团股份有限公司，
类型：发明
国别省市：广东;44