一种浏览器网页的渲染方法及移动终端与流程

本发明涉及网页浏览技术领域，尤其涉及一种浏览器网页的渲染方法及移动终端。

背景技术：

在移动互联网时代，随着智能终端的推广和普及，用户随时随地随心会访问网络，而浏览器作为专门用来访问和浏览万维网页面的网络入口，其作用不言而喻、且不可替代。

各个网站为了达到很华丽、动态的视觉效果，网页设计时会堆叠很多层次的视图组件，而这些复杂的层次结构很容易引起渲染引擎的性能问题。在安卓(Android)平台，智能终端屏幕的刷新频率是60Hz/s，如果一帧图像在1000/60＝16.67ms内没有将渲染任务执行完毕，就会发生网页渲染丢帧的现象。网页渲染越慢、丢帧越多、用户就会感受到的卡顿就会越严重，从而造成用户体验极差。

技术实现要素：

本发明的主要目的在于提出一种浏览器网页的渲染方法及移动终端，旨在提高网页的渲染速度，保证浏览器网页的流畅显示。

为实现上述目的，本发明提出一种浏览器网页的渲染方法，其特征在于，包括步骤：浏览器加载网页后，若满足第一预设条件，则启动分布式网页渲染机制；所述分布式网页渲染机制包括：

按预设规则将网页帧标记为第一网页帧或第二网页帧；

将所述第一网页帧输送至软件渲染模块进行渲染；并将所述第二网页帧输送至硬件渲染模块进行渲染。

可选地，所述第一预设条件包括：在网页渲染时检测到所述网页帧被丢弃；或所述分布式网页渲染机制的开关处于开启状态。

可选地，所述在网页渲染时检测到所述网页帧被丢弃包括：若有连续两个垂直同步信号没有完成渲染上一网页帧时，则确定所述网页帧被丢弃。

可选地，所述按预设规则将网页帧标记为第一网页帧或第二网页帧包括：

对所述网页帧进行编号，并将编号为mK的网页帧标记为所述第一网页帧，其余的网页帧标记为所述第二网页帧；其中，m为2、4、8或16；K＝0,1,2...,n，n为正整数。

可选地，所述若满足第一预设条件，则启动分布式网页渲染机制之后，所述方法还包括：若满足第二预设条件，则退出所述网页分布式渲染机制；所述第二预设条件包括所述软件渲染模块和硬件渲染模块完成渲染；或所述分布式网页渲染机制的开关处于关闭状态。

此外，为实现上述目的，本发明还提供一种移动终端，其特征在于，包括：

启动单元，用于浏览器加载网页后，若满足第一预设条件，则启动分布式网页渲染机制；

解析标记单元，用于按预设规则将网页帧标记为第一网页帧或第二网页帧；

输送渲染单元，用于将所述第一网页帧输送至软件渲染模块进行渲染；并将所述第二网页帧输送至硬件渲染模块进行渲染。

可选地，所述第一预设条件包括：在网页渲染时检测到所述网页帧被丢弃；或所述分布式网页渲染机制的开关处于开启状态。

可选地，若有连续两个垂直同步信号没有完成渲染上一网页帧时，则判断所述网页帧被丢弃。

可选地，所述解析标记单元还用于将所述网页帧进行编号，并将编号为mK的网页帧标记为所述第一网页帧，其余的网页帧标记为所述第二网页帧；其中，m为2、4、8或16；K＝0,1,2...,n，n为正整数。

可选地，还包括退出单元，用于若满足第二预设条件，则退出所述网页分布式渲染机制；所述第二预设条件包括所述软件渲染模块和硬件渲染模块完成渲染；或所述分布式网页渲染机制的开关处于关闭状态。

本发明提出的浏览器网页的渲染方法及移动终端，浏览器加载到网页后，若满足第一预设条件，则区分不同的网页图像帧，分别传送至软件渲染模块和硬件渲染模块，分布式协同合作，以保证浏览器网页的流畅显示。

附图说明

图1为实现本发明各个实施例的移动终端的硬件结构示意图；

图2为本发明实施例的移动终端的结构示意图；

图3为本发明另一实施例的移动终端的结构示意图；

图4为本发明实施例的浏览器网页的渲染方法的流程示意图；

图5为本发明另一实施例的浏览器网页的渲染方法的流程示意图；

图6为本发明又一实施例的浏览器网页的渲染方法的流程示意图；

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

现在将参考附图描述实现本发明各个实施例的移动终端。在后续的描述中，使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本发明的说明，其本身并没有特定的意义。因此，"模块"与"部件"可以混合地使用。

移动终端可以以各种形式来实施。例如，本发明中描述的终端可以包括诸如移动电话、智能电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、导航装置等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。下面，假设终端是移动终端。然而，本领域技术人员将理解的是，除了特别用于移动目的的元件之外，根据本发明的实施方式的构造也能够应用于固定类型的终端。

图1为实现本发明各个实施例的移动终端的硬件结构示意。

移动终端100可以包括无线通信单元110、A/V(音频/视频)输入单元120、用户输入单元130、感测单元140、输出单元150、存储器160、接口单元170、控制器180和电源单元190等等。图1示出了具有各种组件的移动终端100，但是应理解的是，并不要求实施所有示出的组件。可以替代地实施更多或更少的组件。将在下面详细描述移动终端100的元件。

无线通信单元110通常可以包括一个或多个组件，其允许移动终端100与无线通信系统或网络之间的无线电通信。例如，无线通信单元可以包括广播接收模块111、移动通信模块112、无线互联网模块113、短程通信模块114和位置信息模块115中的至少一个。

广播接收模块111经由广播信道从外部广播管理服务器接收广播信号和/或广播相关信息。广播信道可以包括卫星信道和/或地面信道。广播管理服务器可以是生成并发送广播信号和/或广播相关信息的服务器或者接收之前生成的广播信号和/或广播相关信息并且将其发送给终端的服务器。广播信号可以包括TV广播信号、无线电广播信号、数据广播信号等等。而且，广播信号可以进一步包括与TV或无线电广播信号组合的广播信号。广播相关信息也可以经由移动通信网络提供，并且在该情况下，广播相关信息可以由移动通信模块112来接收。广播信号可以以各种形式存在，例如，其可以以数字多媒体广播(DMB)的电子节目指南(EPG)、数字视频广播手持(DVB-H)的电子服务指南(ESG)等等的形式而存在。广播接收模块111可以通过使用各种类型的广播系统接收信号广播。特别地，广播接收模块111可以通过使用诸如多媒体广播-地面(DMB-T)、数字多媒体广播-卫星(DMB-S)、数字视频广播-手持(DVB-H)，前向链路媒体(MediaFLO@)的数据广播系统、地面数字广播综合服务(ISDB-T)等等的数字广播系统接收数字广播。广播接收模块111可以被构造为适合提供广播信号的各种广播系统以及上述数字广播系统。经由广播接收模块111接收的广播信号和/或广播相关信息可以存储在存储器160(或者其它类型的存储介质)中。

移动通信模块112将无线电信号发送到基站(例如，接入点、节点B等等)、外部终端以及服务器中的至少一个和/或从其接收无线电信号。这样的无线电信号可以包括语音通话信号、视频通话信号、或者根据文本和/或多媒体消息发送和/或接收的各种类型的数据。

无线互联网模块113支持移动终端的无线互联网接入。该模块可以内部或外部地耦接到终端。该模块所涉及的无线互联网接入技术可以包括WLAN(无线LAN)(Wi-Fi)、Wibro(无线宽带)、Wimax(全球微波互联接入)、HSDPA(高速下行链路分组接入)等等。

短程通信模块114是用于支持短程通信的模块。短程通信技术的一些示例包括蓝牙TM、射频识别(RFID)、红外数据协会(IrDA)、超宽带(UWB)、紫蜂TM等等。

位置信息模块115是用于检查或获取移动终端的位置信息的模块。位置信息模块115的典型示例是GPS(全球定位系统)。根据当前的技术，GPS计算来自三个或更多卫星的距离信息和准确的时间信息并且对于计算的信息应用三角测量法，从而根据经度、纬度和高度准确地计算三维当前位置信息。当前，用于计算位置和时间信息的方法使用三颗卫星并且通过使用另外的一颗卫星校正计算出的位置和时间信息的误差。此外，GPS能够通过实时地连续计算当前位置信息来计算速度信息。

A/V输入单元120用于接收音频或视频信号。A/V输入单元120可以包括相机121和麦克风122，相机121对在视频捕获模式或图像捕获模式中由图像捕获装置获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元151上。经相机121处理后的图像帧可以存储在存储器160(或其它存储介质)中或者经由无线通信单元110进行发送，可以根据移动终端100的构造提供两个或更多相机121。麦克风122可以在电话通话模式、记录模式、语音识别模式等等运行模式中经由麦克风接收声音(音频数据)，并且能够将这样的声音处理为音频数据。处理后的音频(语音)数据可以在电话通话模式的情况下转换为可经由移动通信模块112发送到移动通信基站的格式输出。麦克风122可以实施各种类型的噪声消除(或抑制)算法以消除(或抑制)在接收和发送音频信号的过程中产生的噪声或者干扰。

用户输入单元130可以根据用户输入的命令生成键输入数据以控制移动终端100的各种操作。用户输入单元130允许用户输入各种类型的信息，并且可以包括键盘、锅仔片、触摸板(例如，检测由于被接触而导致的电阻、压力、电容等等的变化的触敏组件)、滚轮、摇杆等等。特别地，当触摸板以层的形式叠加在显示单元151上时，可以形成触摸屏。

感测单元140检测移动终端100的当前状态，(例如，移动终端100的打开或关闭状态)、移动终端100的位置、用户对于移动终端100的接触(即，触摸输入)的有无、移动终端100的取向、移动终端100的加速或减速移动和方向等等，并且生成用于控制移动终端100的操作的命令或信号。例如，当移动终端100实施为滑动型移动电话时，感测单元140可以感测该滑动型电话是打开还是关闭。另外，感测单元140能够检测电源单元190是否提供电力或者接口单元170是否与外部装置耦接。感测单元140可以包括接近传感器141，当移动终端100采用触摸屏时，其有个缺陷是当用户用最常见的姿势接起电话时，脸部往往会碰到触摸屏幕上，碰到挂机键或免提键，遭遇尴尬。接近传感器141的使用能在接电话的时候自动锁屏，避免误触发。另外，锁屏的同时还能关掉背光，可以有效节能，延长待机时间。接近传感器141包括光电二极管以及红外光波长的LED；当有物体靠近时，红外光发射的光会被物体反射回来，被接近传感器接收到，于是就感应到了物体接近。

接口单元170用作至少一个外部装置与移动终端100连接可以通过的接口。例如，外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/输出(I/O)端口、视频I/O端口、耳机端口等等。识别模块可以是存储用于验证用户使用移动终端100的各种信息并且可以包括用户识别模块(UIM)、客户识别模块(SIM)、通用客户识别模块(USIM)等等。另外，具有识别模块的装置(下面称为"识别装置")可以采取智能卡的形式，因此，识别装置可以经由端口或其它连接装置与移动终端100连接。接口单元170可以用于接收来自外部装置的输入(例如，数据信息、电力等等)并且将接收到的输入传输到移动终端100内的一个或多个元件或者可以用于在移动终端100和外部装置之间传输数据。

另外，当移动终端100与外部底座连接时，接口单元170可以用作允许通过其将电力从底座提供到移动终端100的路径或者可以用作允许从底座输入的各种命令信号通过其传输到移动终端100的路径。从底座输入的各种命令信号或电力可以用作用于识别移动终端100是否准确地安装在底座上的信号。输出单元150被构造为以视觉、音频和/或触觉方式提供输出信号(例如，音频信号、视频信号、警报信号、振动信号等等)。输出单元150可以包括显示单元151、音频输出模块152、警报单元153等等。

显示单元151可以显示在移动终端100中处理的信息。例如，当移动终端100处于电话通话模式时，显示单元151可以显示与通话或其它通信(例如，文本消息收发、多媒体文件下载等等)相关的用户界面(UI)或图形用户界面(GUI)。当移动终端100处于视频通话模式或者图像捕获模式时，显示单元151可以显示捕获的图像和/或接收的图像、显示出视频或图像以及相关功能的UI或GUI等等。

同时，当显示单元151和触摸板以层的形式彼此叠加以形成触摸屏时，显示单元151可以用作输入装置和输出装置。显示单元151可以包括液晶显示器(LCD)、薄膜晶体管LCD(TFT-LCD)、有机发光二极管(OLED)显示器、柔性显示器、三维(3D)显示器等等中的至少一种。这些显示器中的一些可以被构造为透明状以允许用户从外部观看，这可以称为透明显示器，典型的透明显示器可以例如为TOLED(透明有机发光二极管)显示器等等。根据特定想要的实施方式，移动终端100可以包括两个或更多显示单元(或其它显示装置)，例如，移动终端100可以包括外部显示单元(未示出)和内部显示单元(未示出)。触摸屏可用于检测触摸输入压力以及触摸输入位置和触摸输入面积。

音频输出模块152可以在移动终端100处于呼叫信号接收模式、通话模式、记录模式、语音识别模式、广播接收模式等等模式下时，将无线通信单元110接收的或者在存储器160中存储的音频数据转换音频信号并且输出为声音。而且，音频输出模块152可以提供与移动终端100执行的特定功能相关的音频输出(例如，呼叫信号接收声音、消息接收声音等等)。音频输出模块152可以包括扬声器、蜂鸣器等等。

警报单元153可以提供输出以将事件的发生通知给移动终端100。典型的事件可以包括呼叫接收、消息接收、键信号输入、触摸输入等等。除了音频或视频输出之外，警报单元153可以以不同的方式提供输出以通知事件的发生。例如，警报单元153可以以振动的形式提供输出，当接收到呼叫、消息或一些其它进入通信(incoming communication)时，警报单元153可以提供触觉输出(即，振动)以将其通知给用户。通过提供这样的触觉输出，即使在用户的移动电话处于用户的口袋中时，用户也能够识别出各种事件的发生。警报单元153也可以经由显示单元151或音频输出模块152提供通知事件的发生的输出。

存储器160可以存储由控制器180执行的处理和控制操作的软件程序等等，或者可以暂时地存储己经输出或将要输出的数据(例如，电话簿、消息、静态图像、视频等等)。而且，存储器160可以存储关于当触摸施加到触摸屏时输出的各种方式的振动和音频信号的数据。

存储器160可以包括至少一种类型的存储介质，所述存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等等。而且，移动终端100可以与通过网络连接执行存储器160的存储功能的网络存储装置协作。

控制器180通常控制移动终端的总体操作。例如，控制器180执行与语音通话、数据通信、视频通话等等相关的控制和处理。另外，控制器180可以包括用于再现(或回放)多媒体数据的多媒体模块181，多媒体模块1810可以构造在控制器180内，或者可以构造为与控制器180分离。控制器180可以执行模式识别处理，以将在触摸屏上执行的手写输入或者图片绘制输入识别为字符或图像。

电源单元190在控制器180的控制下接收外部电力或内部电力并且提供操作各元件和组件所需的适当的电力。

这里描述的各种实施方式可以以使用例如计算机软件、硬件或其任何组合的计算机可读介质来实施。对于硬件实施，这里描述的实施方式可以通过使用特定用途集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理装置(DSPD)、可编程逻辑装置(PLD)、现场可编程门阵列(FPGA)、处理器、控制器、微控制器、微处理器、被设计为执行这里描述的功能的电子单元中的至少一种来实施，在一些情况下，这样的实施方式可以在控制器180中实施。对于软件实施，诸如过程或功能的实施方式可以与允许执行至少一种功能或操作的单独的软件模块来实施。软件代码可以由以任何适当的编程语言编写的软件应用程序(或程序)来实施，软件代码可以存储在存储器160中并且由控制器180执行。

至此，己经按照其功能描述了100。另外，本发明实施例中的移动终端100可以是诸如折叠型、直板型、摆动型、滑动型以及其他各种类型的移动终端中的滑动型移动终端作为示例。因此，本发明能够应用于任何类型的移动终端，并且不限于滑动型移动终端，具体此处不做限定。

基于上述移动终端硬件结构，提出本发明方法各个实施例。

如图2所示，本发明第一实施例提出一种移动终端，包括启动单元10、解析标记单元20、输送渲染单元30。

其中，启动单元10用于浏览器加载网页后，若满足第一预设条件，则启动分布式网页渲染机制。解析标记单元20用于按预设规则将网页帧标记为第一网页帧或第二网页帧。输送渲染单元30用于将第一网页帧输送至软件渲染模块进行渲染；并将第二网页帧输送至硬件渲染模块进行渲染。在具体实施时，软件渲染模块为网页CPU(Central Processing Unit，中央处理器)，硬件渲染模块为网页GPU(Graphic Processing Unit，图形处理器)。

本实施例中，在浏览器内核WebiKit调配渲染时，将网页图像帧标记为第一网页帧、第二网页帧，分别输送至软件渲染模块以及硬件渲染模块，通过分布式协作完成渲染网页帧，进而协同流畅输出显示。

本发明第二实施例提出一种移动终端，包括启动单元10、解析标记单元20、输送渲染单元30。

本实施例中的启动单元10、解析标记单元20、输送渲染单元30与上述第一实施例中的启动单元10、解析标记单元20、输送渲染单元30相同，具体如上所述，此处不再赘述。

需要说明的是，本实施例中，第一预设条件包括：在网页渲染时检测到网页帧被丢弃；或分布式网页渲染机制的开关处于开启状态。

本发明第三实施例提出一种移动终端，包括启动单元10、解析标记单元20、输送渲染单元30。

本实施例中的启动单元10、解析标记单元20、输送渲染单元30与上述第一实施例中的启动单元10、解析标记单元20、输送渲染单元30相同，具体如上所述，此处不再赘述。

需要说明的是，本实施例中，第一预设条件包括在网页渲染时检测到网页帧被丢弃；具体地，若有连续两个垂直同步(VSYNC)信号没有完成渲染上一网页帧时，则确定该网页帧被丢弃；在实施时，可以通过图层混合器SurfaceFlinger来实现；第一预设条件还可以包括分布式网页渲染机制的开关处于开启状态；该分布式网页渲染机制的开关通过WebDistributedRender设置，在具体实施时，一般地，当webcore.distributed.render.enable(网页分布式渲染机制开关)的值为1时，表示启用网页分布式渲染，即分布式网页渲染机制的开关处于开启状态；当webcore.distributed.render.enable的值为0时，表示不启用网页分布式渲染，即分布式网页渲染机制的开关处于关闭状态。由于网页界面布局过于复杂，如html布局文件存在深层嵌套或者组件过多，webcore使用CPU计算Parser、Layout、Paint后无法及时渲染，会导致浏览器无响应，界面操作不流畅。而启动网页分布式渲染机制，充分协作CPU和GPU，得以完成复杂布局的流畅显示。但长期启用网页分布式渲染机制，由于会增加系统的内存、电量开销，因此，可以默认关闭网页分布式渲染机制。

本发明第四实施例提出一种移动终端，包括启动单元10、解析标记单元20、输送渲染单元30。

本实施例中的启动单元10、解析标记单元20、输送渲染单元30与上述第一实施例中的启动单元10、解析标记单元20、输送渲染单元30相同，具体如上所述，此处不再赘述。

需要说明的是，本实施例中，解析标记单元20还用于对网页帧进行编号，并将编号为mK的网页帧标记为所述第一网页帧，其余的网页帧标记为所述第二网页帧；其中，m为2、4、8或16，例如是8；K＝0,1,2...,n，n为正整数。需要说明的是，n的值并无上限，其是根据需要处理的网页帧的数量确定的。输送渲染单元30用于将第一网页帧输送至软件渲染模块进行渲染；并将第二网页帧输送至硬件渲染模块进行渲染。在具体实施时，软件渲染模块为网页CPU，硬件渲染模块为网页GPU。

如图3所示，本发明第五实施例提出一种移动终端，包括启动单元10、解析标记单元20、输送渲染单元30、退出单元40。

本实施例中的启动单元10、解析标记单元20、输送渲染单元30与上述第一实施例中的启动单元10、解析标记单元20、输送渲染单元30相同，具体如上所述，此处不再赘述。

需要说明的是，退出单元40用于若满足第二预设条件，则退出所述网页分布式渲染机制；所述第二预设条件包括软件渲染模块和硬件渲染模块完成渲染；或分布式网页渲染机制的开关处于关闭状态。

在具体实施时，还可以生成公用的动态链接库供多个平台重复调用，以安卓(Android)系统为例，具体包括：

(1)、配置Android.mk文件，设置LOCAL_MODULE＝WebDistributedRender，引用变量include$((BUILD_SHARED_LIBRARY)；

(2)、根据配置属性，编译生成一个公用的动态库libWebDistributedRender.so供多个不同平台使用；

(3)、动态库的生成路径：/out/target/项目名/system/lib/libWebDistributedRender.so。

此时，在使用动态链接库之前，需要先调用该动态链接库，具体地，包括在WebCore中引用头文件WebDistributedRender.h；在内核WebCore编译文件Android.mk引用LOCAL_SHARED_LIBRARIES+＝libWebDistributedRender。

在利用动态链接库实现本发明提供的移动终端的各个实施例时，具体地：

启动单元10用于调用initWebDistributedRender()创建网页分布式渲染器以启动分布式网页渲染机制；解析标记单元20用于调用pickWebGraphicsFrame()解析、标记第一网页帧与第二网页帧，输送渲染单元30可以用于调用startWebDistributedRender()启动网页分布式渲染器，还用于调用transportToSoftwareRender()将第一网页帧输送至软件渲染模块进行渲染同时调用transportToHardwareRender()将第二网页帧输送至硬件渲染模块进行渲染，从而完成分布式渲染；退出单元40用于在浏览器退出时调用release()释放并销毁网页分布式渲染器以退出网页分布式渲染机制。

上面对本发明实施例中的移动终端进行了描述，下面对本发明实施例中的浏览器网页的渲染方法进行描述。

如图4所示，本发明第六实施例提供一种浏览器网页的渲染方法，包括步骤：

S11、浏览器加载网页；

S12、判断是否满足第一预设条件，若是，则进入步骤S13；若否，则如步骤S16所示，结束进程；

S13、启动分布式网页渲染机制；该分布式网页渲染机制包括步骤S14和S15；

S14、按预设规则将网页帧标记为第一网页帧或第二网页帧；

S15、将第一网页帧输送至软件渲染模块进行渲染；并将第二网页帧输送至硬件渲染模块进行渲染。

在具体实施时，软件渲染模块为网页CPU(Central Processing Unit，中央处理器)，硬件渲染模块为网页GPU(Graphic Processing Unit，图形处理器)。

本实施例中，在浏览器内核WebKit(浏览器引擎)调配渲染时，将网页图像帧标记为第一网页帧、第二网页帧，分别输送至软件渲染模块以及硬件渲染模块，通过分布式协作完成渲染网页帧，进而协同流畅输出显示。

本发明第七实施例提供一种浏览器网页的渲染方法，包括的步骤与第6实施例中提及的S11至S16相同，具体如上所述，此处不再赘述。

需要说明的是，本实施例中，第一预设条件包括：在网页渲染时检测到网页帧被丢弃；或分布式网页渲染机制的开关处于开启状态；

本发明第八实施例提供一种浏览器网页的渲染方法，包括的步骤与第6实施例中提及的S11至S16相同，具体如上所述，此处不再赘述。

需要说明的是，本实施例中，第一预设条件包括在网页渲染时检测到网页帧被丢弃；在具体实施时，若有连续两个垂直同步(VSYNC)信号没有完成渲染上一网页帧时，则确定该网页帧被丢弃，在实施时，可以通过SurfaceFlinger来实现；第一预设条件还可以包括分布式网页渲染机制的开关处于开启状态；该分布式网页渲染机制的开关通过WebDistributedRender设置，在具体实施时，一般地，当webcore.distributed.render.enable的值为1时，表示启用网页分布式渲染，即分布式网页渲染机制的开关处于开启状态；当webcore.distributed.render.enable的值为0时，表示不启用网页分布式渲染，即分布式网页渲染机制的开关处于关闭状态。由于网页界面布局过于复杂，如html布局文件存在深层嵌套或者组件过多，webcore使用CPU计算Parser、Layout、Paint后无法及时渲染，会导致浏览器无响应，界面操作不流畅。而启动网页分布式渲染机制，充分协作CPU和GPU，得以完成复杂布局的流畅显示。但长期启用网页分布式渲染机制，由于会增加系统的内存、电量开销，因此，可以默认关闭网页分布式渲染机制。

本发明第九实施例提供一种浏览器网页的渲染方法，包括的步骤与第6实施例中提及的S11至S16相同，具体如上所述，此处不再赘述。

需要说明的是，本实施例中步骤S14具体包括：对网页帧进行编号，并将编号为mK的网页帧标记为所述第一网页帧，其余的网页帧标记为所述第二网页帧；其中，m为2、4、8或16，例如是8；K＝0,1,2...,n，n为正整数；

如图5所示，本发明第十实施例提供一种浏览器网页的渲染方法，包括步骤：

S21、浏览器加载网页；

S22、判断是否满足第一预设条件，若是，则进入步骤S23；若否，则如步骤S28所示，结束进程；

本实施例中，第一预设条件包括在网页渲染时检测到网页帧被丢弃；在具体实施时，若有连续两个垂直同步(VSYNC)信号没有完成渲染上一网页帧时，则确定该网页帧被丢弃，在实施时，可以通过SurfaceFlinger来实现；第一预设条件还可以包括分布式网页渲染机制的开关处于开启状态；该分布式网页渲染机制的开关通过WebDistributedRender设置，在具体实施时，一般地，当webcore.distributed.render.enable的值为1时，表示启用网页分布式渲染，即分布式网页渲染机制的开关处于开启状态；当webcore.distributed.render.enable的值为0时，表示不启用网页分布式渲染，即分布式网页渲染机制的开关处于关闭状态。由于网页界面布局过于复杂，如html布局文件存在深层嵌套或者组件过多，webcore使用CPU计算Parser、Layout、Paint后无法及时渲染，会导致浏览器无响应，界面操作不流畅。而启动网页分布式渲染机制，充分协作CPU和GPU，得以完成复杂布局的流畅显示。但长期启用网页分布式渲染机制，由于会增加系统的内存、电量开销，因此，可以默认关闭网页分布式渲染机制。

S23、启动分布式网页渲染机制；

S24、按预设规则将网页帧标记为第一网页帧或第二网页帧；

具体地，将网页帧进行编号，并将编号为mK的网页帧标记为所述第一网页帧，其余的网页帧标记为所述第二网页帧；其中，m为2、4、8或16，例如是8；K＝0,1,2...,n，n为正整数；需要说明的是，n的值并无上限，其是根据需要处理的网页帧的数量确定的。

S25、将第一网页帧输送至软件渲染模块进行渲染；并将第二网页帧输送至硬件渲染模块进行渲染；

在具体实施时，软件渲染模块为网页CPU，硬件渲染模块为网页GPU；

S26、判断是否满足第二预设条件，若是，则进入步骤S27；若否，则返回步骤S23；

上述第二预设条件包括软件渲染模块和硬件渲染模块完成渲染；或分布式网页渲染机制的开关处于关闭状态，此时，webcore.distributed.render.enable的值为0；

S27、退出网页分布式渲染机制。

本实施例中，在浏览器内核WebiKit调配渲染时，将网页图像帧标记为第一网页帧、第二网页帧，分别输送至软件渲染模块以及硬件渲染模块，通过分布式协作完成渲染网页帧，进而协同流畅输出显示；在完成渲染后及时退出分布式网页渲染机制，降低系统的内存、电量开销。

如图6所示，本发明第十一实施例提供一种浏览器网页的渲染方法，在浏览器加载网页包括步骤：

S1、获取网页分布式网页渲染机制的开关的参数；其中，网页分布式网页渲染机制的开关的参数就是webcore.distributed.render.enable；一般地，当webcore.distributed.render.enable的值为1时，表示启用网页分布式渲染，即分布式网页渲染机制的开关处于开启状态；当webcore.distributed.render.enable的值为0时，表示不启用网页分布式渲染，即分布式网页渲染机制的开关处于关闭状态；

S2、所述参数的值是否为1；若否，则如步骤S3所示，结束进程，即结束分布式渲染；若是，则进入步骤S4；

S4、解析网页帧并将所述网页帧分离；分离后的网页帧再进行编号；

S5、软件渲染模块处理渲染编号为mK的网页帧；硬件渲染模块处理渲染其余的网页帧；

其中，m为2、4、8或16，例如是8；K＝0,1,2...,n，n为正整数；n的值并无上限，其是根据需要处理的网页帧的数量确定的。其中，经由软件渲染模块处理渲染的网页帧需要经过RenderLayerTree(图层渲染树)、Layout(布局)、Paint(绘制)。

S6、将渲染后的网页帧混合后输出。

在具体实施时，还可以生成公用的动态链接库供多个平台重复调用，以安卓(Android)系统为例，具体包括步骤：

(1)、配置Android.mk文件，设置LOCAL_MODULE＝WebDistributedRender，引用变量include$((BUILD_SHARED_LIBRARY)；

(2)、根据配置属性，编译生成一个公用的动态库libWebDistributedRender.so供多个不同平台使用；

(3)、动态库的生成路径：/out/target/项目名/system/lib/libWebDistributedRender.so。

此时，在使用动态链接库之前，需要先调用该动态链接库，具体地，包括在WebCore中引用头文件WebDistributedRender.h；在内核WebCore编译文件Android.mk引用LOCAL_SHARED_LIBRARIES+＝libWebDistributedRender。

在利用动态链接库实现本发明提供的浏览器网页的渲染方法的各个实施例时，具体地：

在步骤S13或步骤S23中，调用initWebDistributedRender()创建网页分布式渲染器以启动分布式网页渲染机制；在步骤S14或步骤S24中，调用pickWebGraphicsFrame()解析、标记第一网页帧与第二网页帧，在步骤S15或步骤S25中，调用startWebDistributedRender()启动网页分布式渲染器，然后调用transportToSoftwareRender()将第一网页帧输送至软件渲染模块进行渲染同时调用transportToHardwareRender()将第二网页帧输送至硬件渲染模块进行渲染，从而完成分布式渲染，最后在步骤S27中，浏览器退出时调用release()释放并销毁网页分布式渲染器以退出网页分布式渲染机制。

本发明提供的浏览器网页的渲染方法及移动终端，充分调动了终端的CPU的运算、处理能力和GPU的图像、图形渲染能力，协同网页渲染，以支持浏览器各个网页界面的流畅切换，提升了用户的视觉体验；必要时(如网页渲染丢帧)启用网页分布式渲染机制，充分发挥了软件渲染的内存占用较少的优点和硬件渲染局部更新网页内容的优点，降低了内存、电量开销，提高了终端的待机时长；网页分布式渲染模块易于移植到新平台，降低了开发成本、提高了网页操作的响应速度和流畅性。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

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

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。