网页浏览的渲染处理方法及装置和移动终端技术领域
本发明涉及移动通信领域,更为具体地,涉及网页浏览时的渲染处理方
法及装置,以及具有上述装置的移动终端。
背景技术
随着移动终端的不断发展,特别是智能手机的不断发展,在移动终端上
进行网页浏览已经成为一种趋势。在用户对网页进行浏览的过程中,需要不
断进行渲染,将网页渲染到移动终端的屏幕上。通常情况下,网页的渲染质
量在整个网页浏览过程中保持不变。
此时,如果渲染质量较低,则可以加快网页的渲染速度,从而可以对用
户的操作进行更快地响应。但是,这会降低网页的渲染质量,会出现文本、
图片较模糊,由此导致用户的浏览体验不佳。
如果渲染质量较高,则可以使得文本、图片得到比较好的呈现,但是由
于较高的渲染质量是以较长的渲染时间为代价的,因此会出现渲染的每一帧
时间较长,这样,在用户进行拖动、多点缩放时,就会出现渲染的帧率较低
(即,渲染速度较低),由此可能会出现卡顿、不流畅的感觉。在这种情况,
用户的体验同样不佳。
从上可以看出,网页的渲染质量越高,则渲染速度越慢,而网页的渲染
质量越低,则渲染速度越高。由于渲染质量较低和渲染速度较低都会影响用
户的浏览体验。因此,如何平衡渲染质量和渲染速度之间的关系,以最大程
度地满足用户体验,成为人们期待解决的一个问题。
发明内容
鉴于上述问题,本发明的一个目的是提供一种网页浏览的渲染处理方法
及装置,利用该渲染处理方法及装置,可以根据用户的网页浏览操作时对网
页渲染质量的实际要求,调整网页渲染时的渲染参数,从而平衡网页浏览时
的渲染质量和渲染速度,以最大化满足用户体验。
本发明的另一目的是提供包括上述渲染处理装置的移动终端。
根据本发明的一个方面,提供了一种网页浏览的渲染处理方法,包括:
检测用户正在进行的网页浏览操作的操作类型;根据所检测出的操作类型,
确定绘制网页元素时使用的渲染参数,该渲染使得在满足该操作类型所需渲
染质量的同时,最大化绘制网页元素时的渲染速度;以及利用所确定出的渲
染参数,对所浏览的网页内容进行渲染处理。
在上述方面的一个或多个示例中,根据所检测出的操作类型,确定绘制
网页元素时的渲染参数包括:根据所检测出的操作类型,从预先设置的操作
类型/渲染参数对应关系表中选择对应的渲染参数。
在上述方面的一个或多个示例中,所述渲染参数可以包括图片抖动显示、
图片插值显示、文本抗锯齿处理和文本亚像素处理。
在上述方面的一个或多个示例中,根据所识别出的操作类型,确定绘制
网页元素时的渲染参数包括:根据所检测出的操作类型,确定绘制网页元素
时所需的渲染质量;以及基于所确定出的渲染质量,确定使得在满足该渲染
质量的同时渲染速度最大的渲染参数。
在上述方面的一个或多个示例中,基于所确定出的渲染质量,确定使得
在满足该渲染质量的同时渲染速度最大的渲染参数包括:基于所确定出的渲
染质量,从预先设置的渲染质量/渲染参数对应关系表中选择对应的渲染参数。
在上述方面的一个或多个示例中,预先设置的渲染质量/渲染参数对应关
系表或操作类型/渲染参数对应关系表可以根据移动终端的性能进行调整。
在上述方面的一个或多个示例中,预先设置的操作类型/渲染参数对应关
系表可以包括:如果用户的操作类型是用户对页面进行拖动,则图片抖动显
示和图片插值显示设置为关闭以及文本抗锯齿处理和亚像素文本处理设置为
开启;如果用户的操作类型是用户对页面进行多点缩放,则图片抖动显示、
图片插值显示、文本抗锯齿处理和亚像素文本处理设置为关闭;以及如果用
户的操作类型是用户对页面进行拖动以及对页面进行多点缩放之外的操作,
则图片抖动显示、图片插值显示、文本抗锯齿处理和亚像素文本处理设置为
开启。
根据本发明的另一方面,提供了一种网页浏览的渲染处理装置,包括:
检测单元,用于检测用户正在进行的网页浏览操作的操作类型;渲染参数确
定单元,用于根据所检测出的操作类型,确定绘制网页元素时使用的渲染参
数,该渲染参数使得在满足该操作类型所需渲染质量的同时,最大化绘制网
页元素时的渲染速度;以及渲染处理单元,用于利用所确定出的渲染参数,
对所浏览的网页内容进行渲染处理。
在上述方面的一个或多个示例中,所述渲染参数确定单元可以被配置为
根据所检测出的操作类型,从预先设置的操作类型/渲染参数对应关系表中选
择对应的渲染参数。
在上述方面的一个或多个示例中,所述渲染参数确定单元可以包括:渲
染质量确定模块,用于根据所检测出的操作类型,确定绘制网页元素时所需
的渲染质量;以及渲染参数确定模块,用于基于所确定出的渲染质量,确定
使得在满足该渲染质量的同时渲染速度最大的渲染参数。
根据本发明的另一方面,提供了一种移动终端,包括如上所述的渲染处
理装置。
利用上述渲染处理方法及装置,可以根据用户的网页浏览操作时对网页
渲染质量的实际要求,调整网页渲染时的渲染参数,从而平衡网页浏览时的
渲染质量和渲染速度,以最大化满足用户体验。
为了实现上述以及相关目的,本发明的一个或多个方面包括后面将详细
说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发
明的某些示例性方面。然而,这些方面指示的仅仅是可使用本发明的原理的
各种方式中的一些方式。此外,本发明旨在包括所有这些方面以及它们的等
同物。
附图说明
根据下述参照附图进行的详细描述,本发明的上述和其他目的、特征和
优点将变得更加显而易见。在附图中:
图1示出了根据本发明的第一实施例的网页浏览的渲染处理方法的流程
图;
图2示出了预先设置的用户操作与渲染参数对应关系表的一个示例的示
图;
图3A示出了用户静止时的网页渲染的效果图;
图3B示出了用户拖动操作时的网页渲染的效果图;
图3C示出了用户多点缩放操作时的网页渲染的效果图;
图3D示出了用户拖动操作或多点缩放操作结束时的网页渲染的效果图;
图4示出了根据本发明的第一实施例的网页浏览的渲染处理装置的方框
示意图;
图5示出了根据本发明的第二实施例的网页浏览的渲染处理方法的流程
图;
图6示出了渲染质量/渲染参数对应关系表的一个示例;
图7示出了根据本发明的第二实施例的网页浏览的渲染处理装置的方框
示意图;和
图8示出了根据本发明的移动终端的方框示意图。
在所有附图中相同的标号指示相似或相应的特征或功能。
具体实施方式
在用户进行网页浏览时,通常会进行各种不同操作,比如拖动、多点缩
放、拖动结束、多点缩放接触、静止等。上述操作中的每个操作对于渲染速
度和渲染质量的要求也不同。比如,在进行拖动或多点缩放操作时,由于此
时人们不会浏览网页,因此对网页的渲染质量不是非常关心。而在网页静止
时,由于此时需要浏览网页内容,因此需要显示渲染质量高的网页。
从上可以看出,可以通过针对用户在进行网页浏览时的操作类型,调整
该操作时的网页渲染参数来平衡网页的渲染质量和渲染速度,从而最大化用
户体验。
在进行本发明的实施例的描述之前,首先对本发明中涉及的术语进行简
单说明。
术语“渲染参数”是指将网页元素绘制到屏幕时使用的不同参数,该各
个参数均会影响到不同元素绘制的渲染速度和渲染质量。
所述渲染参数通常可以包括图片抖动显示、图片插值显示、文本抗锯齿
处理和文本亚像素处理。
术语“图片抖动显示(Diether)”是指提高图片显示质量的方法,该方法
是使用有限的色彩让你看到比实际图象更多色彩的显示方式,通过在相邻像
素间随机加入不同的颜色来修饰图像,模拟在图像中不能使用的颜色,以提
高显示效果。
术语“图片插值显示(Filter)”是指依据图片的实际像素,依照一定的运
算方式进行计算,产生出新的像素点,并将其插入到本来像素邻近的空隙处,
从而实现增加了像素总量和增大了像素密度的目的,可以获得更高的图像质
量。
术语“文本抗锯齿处理(Antialias)”是指对文本边缘进行柔化处理,使
文本边缘看起来更平滑。利用该参数,可以去除由于分辨率的制约而造成的
文本边缘处的或多或少的锯齿。
术语“文本亚像素处理(SubPixel)”是指利用LCD的一个像素点的RGB
三个亚像素的显示优化,避免由于整个像素点显示造成的文本锯齿感,提高
文本的平滑度。
以下将结合附图对本发明的具体实施例进行详细描述。
(第一实施例)
图1示出了根据本发明的第一实施例的网页浏览的渲染处理方法的流程
图。
如图1所示,首先,在步骤S110,检测用户正在进行的网页浏览操作的
操作类型。在本发明的一个示例中,所述操作类型例如可以包括用户正在拖
动、用户正在进行多点缩放、用户拖动操作结束、用户多点缩放操作结束、
用户处于静止等等。另外,所述操作类型也可以包括其它合适类型。
通常,在用户拖动操作过程中,用户对速度(即拖动平滑感)比较在意,
而由于拖动过程中一般不会太注意图片细节,导致用户对图片的质量可能不
是很在意。另外,由于用户经常会一般拖动一边阅读,所以对对文本的质量
要求相对较高。
在多点缩放过程中,由于需要对多点缩放进行响应,用户对速度的要求
更高。另外,在缩放过程中只是想缩放到适合大小,一般主要关注图片大小
而不会太关注图片细节,所以对图片的质量不在意,而且对文本质量要求也
不高,通常只需要基本显示即可。
在拖动/多点缩放结束以及静止状态或其它操作类型时,由于需要仔细阅
读,所以对图片、文本显示效果的要求非常高。而且,由于大多处于静止状
态,所以对渲染速度的要求不高,甚至没有要求。
在检测出操作类型后,在步骤S120,根据所检测出的操作类型,从预先
设置的操作类型/渲染参数对应关系表中选择对应的渲染参数。所述渲染参数
通常可以包括图片抖动显示、图片插值显示、文本抗锯齿处理和文本亚像素
处理。
图2示出了根据本发明的一个示例的预先设置的操作类型/渲染参数对应
关系表。如图2所示,如果用户的操作类型是用户对页面进行拖动,则图片
抖动显示和图片插值显示设置为关闭(OFF),以及文本抗锯齿处理和亚像素
文本处理设置为开启(ON)。如果用户的操作类型是用户对页面进行多点缩
放,则图片抖动显示、图片插值显示、文本抗锯齿处理和亚像素文本处理都
被设置为OFF。如果用户的操作类型是用户对页面进行拖动以及对页面进行
多点缩放之外的操作,则图片抖动显示、图片插值显示、文本抗锯齿处理和
亚像素文本处理被设置为ON。
换言之,在用户的操作类型是用户对页面进行拖动时,将渲染参数选择
为关闭图片抖动显示和图片插值显示,以及开启文本抗锯齿处理和亚像素文
本处理。在用户的操作类型是用户对页面进行多点缩放时,将渲染参数选择
为关闭图片抖动显示、图片插值显示、文本抗锯齿处理和亚像素文本处理。
在用户的操作类型是用户对页面进行拖动以及对页面进行多点缩放之外的操
作时,将渲染参数选择为开启图片抖动显示、图片插值显示、文本抗锯齿处
理和亚像素文本处理。
然后,在步骤S130,利用所选择出的渲染参数,对所浏览的网页内容进
行渲染处理。
图3A-3D示出了按照上述方法进行渲染处理后的网页显示效果图。
图3A示出了用户静止过程中的网页渲染效果图。在图3A中,刷新率小
于30帧,图片质量和文本质量最高。图3B示出了用户拖动操作时的网页渲
染效果图。在图3B中,刷新率小于40帧且大于30帧,从而提高拖动平滑感。
此外,图片质量降低,文本质量最高。图3C示出了用户多点缩放操作时的网
页渲染效果图。在图3C中,刷新率大于40帧,从而以最大速度进行刷屏,
由此提高缩放过程中的响应体验。此外,图片质量降低,文本质量稍微降低。
图3D示出了用户结束拖动操作或多点缩放操作后的网页渲染效果图。在图
3D中,刷新率小于30帧,图片质量和文本质量最高。
此外,在本发明的其它示例中,预先设置的操作类型/渲染参数对应关系
表可以根据移动终端的性能进行调整。
例如,在上面的预先设置的操作类型/渲染参数对应关系表中,如果检测
到用户对页面进行拖动,则关闭图片抖动显示和图片插值显示,并且开启文
本抗锯齿处理和亚像素文本处理。在本发明的另一示例中,如果移动终端性
能好,则可以根据移动终端的具体性能,考虑从后往前打开1~2个已关闭渲
染参数。例如,开启图片插值显示,或者开启图片插值显示和图片抖动显示。
如果手机性能较差,则可以根据移动终端的具体性能,考虑从前往后关闭1~2
个已开启渲染参数。例如,关闭文本抗锯齿处理,或者关闭文本抗锯齿处理
和亚像素文本处理。
在上面的预先设置的操作类型/渲染参数对应关系表中,如果检测到用户
对页面进行多点缩放,则关闭图片抖动显示、图片插值显示、文本抗锯齿处
理和亚像素文本处理。在本发明的另一示例中,如果移动终端性能好,则可
以根据移动终端的具体性能,考虑从后往前打开1~4个已关闭渲染参数。例
如,开启亚像素文本处理,开启亚像素文本处理和文本抗锯齿处理,开启亚
像素文本处理、文本抗锯齿处理和图片插值显示,或者开启亚像素文本处理、
文本抗锯齿处理、图片插值显示和图片抖动显示。
图4示出了根据本发明的第一实施例的渲染处理装置400的方框示意图。
如图4所示,渲染处理装置400包括检测单元410、渲染参数确定单元420以
及渲染处理单元430。
检测单元410用于检测用户正在进行的网页浏览操作的操作类型。所述
操作类型例如可以包括用户正在拖动、用户正在进行多点缩放、用户拖动操
作结束、用户多点缩放操作结束、用户处于静止等等。
渲染参数确定单元420用于根据所检测出的操作类型,从预先设置的操
作类型/渲染参数对应关系表中选择对应的渲染参数,该渲染参数使得在满足
该操作类型所需渲染质量的同时,最大化绘制网页元素时的渲染速度。
渲染处理单元430用于利用所选择出的渲染参数,对所浏览的网页内容
进行渲染处理。
在本发明的一个示例中,预先设置的操作类型/渲染参数对应关系表可以
如图2所示。另外,在本发明的另一示例中,该预先设置的操作类型/渲染参
数对应关系表可以根据移动终端的性能进行调整。
利用上述方法和装置,可以根据用户的网页浏览操作时对网页渲染质量
的实际要求,调整网页渲染时的渲染参数,从而平衡网页浏览时的渲染质量
和渲染速度,以最大化满足用户体验。
例如,在拖动过程中,用户对速度(即,拖动平滑感)比较在意,对文
本的质量要求相对较高,而对图片的质量可能不是很在意。在这种情况下,
关闭两个图片处理参数(即,图片抖动显示和图片插值显示),既能提高速度,
又不会降低拖动过程中比较在意的文本质量,从而能够较好满足上述三个需
求。
在多点缩放过程中,用户对速度(即,多点缩放的响应)更加在意,而
对图片质量以及文本质量要求不高。因此,在这种情况下,关闭两个图片处
理参数,以及关闭两个文本处理参数。按照这种方式,能够在满足用户的浏
览要求的情况下,最大限度地提高缩放过程的响应速度。
在拖动/多点缩放结束以及其他情况时,对图片、文本显示效果要求高,
而对渲染速度要求不高,甚至没有要求。在这种情况下,打开全部图片、文
本处理参数,尽量保证网页显示质量。
由此,按照上述方式,针对用户的不同操作,根据用户的不同操作所要
求的渲染质量,调整该操作时的网页渲染参数来平衡网页的渲染质量和渲染
速度,从而最大化用户体验。
(第二实施例)
图5示出了根据本发明的第二实施例的网页浏览时的渲染处理方法的流
程图。
与图1中的流程图相比,图5的区别之处在于如何根据所检测出的操作
类型确定渲染参数,而其它步骤与图1中的相同。具体地,步骤S510和步骤
S540与图1中的S110和S130相同,而步骤S520和S530与步骤S 120不同。
为了简化说明,对于相同的步骤不再进行赘述,而仅仅描述不同的步骤。
如图5中所示,在步骤S510中检测出操作类型后,在步骤S520,根据所
检测出的操作类型,确定在该操作类型下绘制网页元素时所需的渲染质量。
然后,在步骤S530,基于所确定出的渲染质量,确定使得在满足该渲染质量
的同时渲染速度最大的渲染参数。具体地,在本发明的一个示例中,基于所
确定出的渲染质量,从预先设置的渲染质量/渲染参数对应关系表中选择对应
的渲染参数。图6示出了渲染质量/渲染参数对应关系表的一个示例。另外,
预先设置的渲染质量/渲染系数对应关系表可以根据移动终端的具体性能进行
调整。
图7示出了根据本发明的第二实施例的渲染处理装置700的方框示意图。
如图7所示,渲染处理装置700包括检测单元710、渲染质量确定模块720、
渲染参数确定模块730和渲染处理单元740。
检测单元710用于检测用户正在进行的网页浏览操作的操作类型。所述
操作类型例如可以包括用户正在拖动、用户正在进行多点缩放、用户拖动操
作结束、用户多点缩放操作结束、用户处于静止等等。
渲染质量确定模块720用于根据所检测出的操作类型,确定在该操作类
型下绘制网页元素时所需的渲染质量。渲染参数确定模块730用于基于所确
定出的渲染质量,确定使得在满足该渲染质量的同时渲染速度最大的渲染参
数。这里,渲染质量确定模块720和渲染参数确定模块730一起对应于第一
实施例中的渲染参数确定单元420。
渲染处理单元730用于利用所选择出的渲染参数,对所浏览的网页内容
进行渲染处理。
如上参照图5到图7描述了根据本发明的第二实施例的渲染处理方法和
装置。利用上述渲染处理方法和装置,可以实现与第一实施例相同的技术效
果。
图8示出了根据本发明的移动终端10的方框示意图。如图8所示,移动
终端10包括图4中示出的渲染处理装置400或图7中示出的渲染处理装置
700。另外,移动终端10也可以包括渲染处理装置400或700的变型。
此外,典型地,本发明所述的移动终端可为各种手持终端设备,例如手
机、个人数字助理(PDA)等,因此本发明的保护范围不应限定为某种特定
类型的移动终端。
此外,根据本发明的方法还可以被实现为由CPU执行的计算机程序。在
该计算机程序被CPU执行时,执行本发明的方法中限定的上述功能。
此外,上述方法步骤以及系统单元也可以利用控制器(例如,处理器)
以及用于存储使得控制器实现上述步骤或单元功能的计算机程序的计算机可
读存储设备实现。
此外,应该明白的是,本文所述的计算机可读存储设备(例如,存储器)
可以是易失性存储器或非易失性存储器,或者可以包括易失性存储器和非易
失性存储器两者。作为例子而非限制性的,非易失性存储器可以包括只读存
储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦
写可编程ROM(EEPROM)或快闪存储器。易失性存储器可以包括随机存取
存储器(RAM),该RAM可以充当外部高速缓存存储器。作为例子而非限制
性的,RAM可以以多种形式获得,比如同步RAM(DRAM)、动态RAM
(DRAM)、同步DRAM(SDRAM)、双数据速率SDRAM(DDR SDRAM)、
增强SDRAM(ESDRAM)、同步链路DRAM(SLDRAM)以及直接Rambus
RAM(DRRAM)。所公开的方面的存储设备意在包括但不限于这些和其它合
适类型的存储器。
本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻
辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的
组合。为了清楚地说明硬件和软件的这种可互换性,已经就各种示意性组件、
方块、模块、电路和步骤的功能对其进行了一般性的描述。这种功能是被实
现为软件还是被实现为硬件取决于具体应用以及施加给整个系统的设计约
束。本领域技术人员可以针对每种具体应用以各种方式来实现所述的功能,
但是这种实现决定不应被解释为导致脱离本发明的范围。
如上参照附图以示例的方式描述根据本发明的渲染处理方法及装置以及
移动终端。但是,本领域技术人员应当理解,对于上述方法和装置,还可以
在不脱离本发明内容的基础上做出各种改进。因此,本发明的保护范围应当
由所附的权利要求书的内容确定。