CN100412868C - 一种嵌入式浏览器网页显示效果的优化方法 - Google Patents

Abstract

本发明公开了一种嵌入式浏览器网页显示效果的优化方法，包括以下步骤：网络处理模块获取数据，并存放到数据缓存模块中；浏览器引擎模块读取网页数据并解析，将结果发送到图形接口模块中；图形接口模块接收到数据后，触发重画单元；调用擦除区域单元，清除要显示的内容区域；对接收到的数据的类型进行判断，若为文本数据，则调用画文本单元，若为图片数据，则调用画图片单元，若为表格数据，则调用画表格单元；对接收到的网页数据进行判断，若网页数据已经完全解析，则调用显示单元将数据显示到屏幕或显示终端上，否则，直接执行下一步；根据数据的获取、解析和显示情况，决定是否需要循环进行网页数据的处理操作。

Description

一种嵌入式浏览器网页显示效果的优化方法

技术领域

本发明涉及浏览器技术领域，特别涉及到嵌入式浏览器的网页显示技术。

背景技术

浏览器是通过URL来获取并显示web网页的一个重要工具。如今，桌面浏览器发展已经趋于成熟，而嵌入式浏览器技术正在蓬勃发展。目前，嵌入式浏览器还没有一个准确、严格的定义，但从其可以完成的功能和作用来看，大体可以从两个方面进行描述。第一，它必须是一个网络信息浏览器，必须支持HTTP或者WAP等其它传输协议、支持HTML、JavaScript或扩展XML、WML等标记语言，可以完成网页的浏览功能；第二，这个浏览器必须适合在受限于CPU速度、存储空间和功耗的非PC嵌入式信息设备中存在、运行并完整实现通讯传输协议、标记语言所规定的功能，必须能够根据嵌入式设备的多样性需要而方便地进行裁减和修改，并满足信息设备使用者对获取文字、图像、声音、视频等信息的需求。

嵌入式系统是以应用为中心，以计算机技术为基础，软硬件可裁剪，针对应用系统对功能、可靠性、成本、体积、功耗等的严格要求而设计的专用计算机系统。它相对通用的PC有其自身的特点：一、通常以电视作为显示设备，电视具有较低的分辨率及刷新率；二、出于性价比方面的考虑，嵌入式系统的资源通常是比较有限的。随着嵌入式系统功能和性能的增强及业务多样性的发展要求，嵌入式浏览器渐渐变成嵌入式系统一个不可或缺的部分，同时由于嵌入式系统资源通常是比较有限，这对于浏览器的解析、显示等技术也提出了挑战。

针对不同的终端，不同的显示内容，浏览器可能要进行不同程度的优化处理。嵌入式浏览器的显示优化技术正在发展中，比如，针对电视显示终端，已经有深圳茁壮公司的针对电视显示的OSD层图文普通电视显示抗闪烁算法，以解决隔行电视扫描出现的闪烁感。

为了给终端用户提供更丰富更赏心悦目的内容，在网页中加入多姿多彩的图片成为了必然的选择，多图片意味着对浏览器资源更多的消耗，尤其对于资源有限的嵌入式系统来说，可能会引起很多问题。因此，嵌入式浏览器的显示技术有许多优化改进的余地。

在嵌入式浏览器的调度过程中，嵌入式浏览器的调度机制都是通过浏览器的主循环来实现的。在浏览器主循环里，可以循环接受网络数据，并对网络数据进行解析，然后将解析好的数据生成中间结果送给图形接口来进行显示。嵌入式浏览器在接受图片时，将从网络接收过来的图片送给标准的解析函数进行解析，如果图片过多，整个解析过程就长。由于浏览器是基于边解析边进行显示的原理，解析多少显示多少，因此在数据的解析和显示过程中，浏览器是通过一些标识来进行循环调度的。每次如果有新的数据解析完，相应的标识置位，嵌入式浏览器就会根据标识来进行刷新处理，即重新把解析好的数据送给图形接口函数来处理，上层的显示接口则根据传递过来的数据进行画图的操作，有什么样的数据就进行什么样的画图操作。每次刷新处理时，都要将之前画过的抹去，按照新的数据再进行重画，因此如果上层不做处理，就会每次看到之前所画的区域被抹去，接着新的数据被画出来的过程。在图片较多的情况下，这种现象就变成了一种多次闪烁刷屏的现象，从显示效果来说，给人的视觉效果很不好。

发明内容

本发明的目的是为了克服网页元素尤其是图片元素较多的情况下，嵌入式浏览器常会出现的多次闪烁刷屏的缺陷，从而极大提高嵌入式浏览器显示网页的视觉效果。

为了实现上述目的，本发明提供了一种嵌入式浏览器网页显示效果的优化方法，在由重画单元(5)、显示单元(6)、擦除区域单元(7)、画文本单元(8)、画图片单元(9)和画表格单元(10)组成的图形接口模块(1)，和浏览器引擎模块(2)、数据缓存模块(3)和网络处理模块(4)组成的嵌入式浏览器中进行，包括以下步骤：

1)、网络处理模块4从网页服务器上获取数据，并存放到数据缓存模块3中；

2)、浏览器引擎模块2从数据缓存模块3中读取网页数据，并设置标记以区别是否需要继续读取；

3)、浏览器引擎模块2解析网页数据，并将解析后的数据发送到图形接口模块1中；

4)、图形接口模块1接收到解析后的网页数据后，触发图形接口模块1内的重画单元5；

5)、图形接口模块1调用擦除区域单元7，用来清除要显示的内容区域，以保证显示的正确；

6)、图形接口模块1对接收到的数据的类型进行判断，若为文本数据，则调用图形接口模块1中的画文本单元8，在一块非显示的内存区域内画文本，若为图片数据，则调用图形接口模块1中的画图片单元9，在一块非显示的内存区域内画图像，若为表格数据，则调用图形接口模块1中的画表格单元10，在一块非显示的内存区域内画表格；

7)、图形接口模块1对接收到的网页数据进行判断，若网页数据已经完全解析并保存在非显示的内存区域中，则调用图形接口模块1中的显示单元6，将非显示内存区域中的数据显示到屏幕或显示终端上，否则，直接执行下一步；

8)、根据数据的获取、解析和显示情况，决定是否需要从步骤1)开始循环进行网页数据的处理操作。

上述技术方案中，所述的擦除区域单元7是通过给指定的内存区域填充颜色像素值为0x0的数据以实现擦除功能。

上述技术方案中，所述的画文本单元8将传送过来的数据通过字库解析成像素值，然后存储在指定位置的内存区域中。

上述技术方案中，所述的画图片单元9将解析好的像素值转化成上层GUI能够识别和显示的颜色格式，并将转化好的像素值储在对应的内存区域中。

上述技术方案中，由所述的显示单元6，将非显示内存区域中的数据显示到屏幕或显示终端的方法有两种，一是利用2D图形加速器的特性，用系统函数将后台内存区域的数据直接输出到显示内存区域实现显示；二是通过一个内存拷贝函数，直接将后台内存区域的数据拷贝到显示内存。

本发明的优点在于，提供了一种在图形接口进行优化处理的方法。所述方法基于后台处理的思想，即在某些图片或其他元素没完全解析完的情况下，该区域的所有画的处理都在后台进行，这个过程不会在屏幕上显示出来，等所有关于该显示区域的数据完全解析好之后，再一次全部显示在屏幕上，从而加快网页元素显示速度及克服多次闪烁刷屏的缺陷。

附图说明

图1为浏览器系统框架图；

图2为本发明的嵌入式浏览器网页显示效果的优化方法的流程图；

图3为图形接口模块1的组成图；

图4为现有技术中图形接口模块1的各个单元的功能；

图5为本发明中图形接口模块1的各个单元的功能；

图6为在一个实施例中，本发明方法在GUI-2D图形加速器上的应用。

图面说明

1  图形接口模块    2  浏览器引擎模块    3  数据缓存模块

4  网络处理模块    5  重画单元          6  显示单元

7  擦除区域单元    8  画文本单元        9  画图片单元

10 画表格单元

具体实施方式

下面结合附图和具体实施方式，对本发明的嵌入式浏览器网页显示效果的优化方法作进一步说明。

图1是嵌入式浏览器的系统框图，描述了嵌入式浏览器的工作方式。嵌入式浏览器包括图形接口模块1、浏览器引擎模块2、数据缓存模块3和网络处理模块4。

所述的嵌入式浏览器通过网络处理模块4与网页服务器进行TCP/IP通信，即嵌入式浏览器端发出的get请求以及浏览器引擎模块2收到的来自于服务器的应答数据都是通过网络处理模块4与外界的通信来完成的。

所述的数据缓存模块3存储从网络接收到的数据，并将数据传送给浏览器引擎模块2进行处理，同时它还根据解析情况或调度策略决定与网络处理模块4的通信。

所述的浏览器引擎模块2主要用于解析收到的网页数据，并将解析出来的数据作为中间结果存储下来，通知图形接口模块1来进行显示。

所述的图形接口模块1则根据存储的数据类型判断需要调用哪个接口函数来进行网页内容显示，同时也返回控制信息给浏览器引擎模块2进行调度。对图形接口模块1可作进一步的划分，如图3所示，图形接口模块1包括重画单元5、显示单元6、擦除区域单元7、画文本单元8、画图片单元9、画表格单元10。

结合嵌入式浏览器，对本发明的嵌入式浏览器网页显示效果的优化方法的具体实现步骤进行说明。

步骤10、网络处理模块4从网页服务器上获取数据，并存放到数据缓存模块3中；

步骤20、浏览器引擎模块2从数据缓存模块3中读取网页数据，并设置标记以区别是否需要继续读取；

步骤30、浏览器引擎模块2解析网页数据，并将解析后的数据发送到图形接口模块1中；

步骤40、图形接口模块1接收到解析后的网页数据后，触发重画单元5；

步骤50、图形接口模块1调用擦除区域单元7，用来清除要显示的内容区域，以保证显示的正确。其中，所述的擦除区域单元7是通过给指定的后台内存区域填充颜色像素值为0x0的数据以实现擦除功能。

步骤60、图形接口模块1对接收到的新数据类型进行判断，若为文本数据，则调用画文本单元8，在一块非显示的内存区域内画文本，若为图片数据，则调用画图片单元9，在一块非显示的内存区域内画图像，若为表格数据，则调用画表格单元10，在一块非显示的内存区域内画表格。其中，所述的画文本单元8将从浏览器内核传送过来的数据通过字库解析成像素值，然后存储在指定位置的内存区域中。所述的画图片单元9将解析好的像素值转化成上层GUI能够识别和显示的颜色格式，并将转化好的像素值一个一个存储在对应的内存区域中。

步骤70、图形接口模块1对接收到的网页数据进行判断，若网页数据已经完全解析并保存在非显示的内存区域中，则调用显示单元6，将非显示内存区域中的数据显示到屏幕或显示终端上，否则，直接执行下一步。所述的图形接口模块1在对接受到的网页数据进行判断时，在判断一幅图像是否完整时，主要是判断非显示的内存区域中的图片的完整性，由于图片有固定的格式，有头信息，图形接口模块1可分析头信息，并获取在非显示的内存区域中所包含的图片的实际大小，以判断图片是否完整。

本步骤中，在将保存在内存中的数据显示到屏幕或显示终端的方法有两种，一是利用2D图形加速器的特性，用系统函数将后台内存区域的数据直接输出到显示内存区域实现显示；二是通过一个内存拷贝函数，直接将后台内存区域的数据拷贝到显示内存，实现显示。

步骤80、根据数据的获取、解析和显示情况，决定是否需要从步骤10开始循环进行网页数据的处理操作。

本发明与现有技术的区别在于，在现有技术中，画文本单元8、画图片单元9和画表格单元10在画文本、图片或表格时，直接将结果显示到屏幕或终端设备上，在嵌入式浏览器资源有限的情况下，容易产生闪烁刷屏的现象。而在本发明中，画文本单元8、画图片单元9和画表格单元10在画文本、图片或表格时，都是在一块非显示的内存区域上进行操作，最后通过显示单元6将非显示的内存区域上的内容显示到屏幕或终端设备上。上述各个单元在现有技术中实现的功能请参考图4，在本发明中的功能请参考图5。

如图6所示，在一个实施例中，本发明方法在GUI-2D图形加速器上的应用，其中左边的输入通道是一块分配好的DRAM区域，右边是用于输出的显示存储区域。如果将输入通道的数据送到输出通道，则数据就会显示在屏幕上。为了实现本发明的目的，单元7-10进行画图操作时，如图5所示，只是将数据写到输入通道里分配好的buffer1、buffer2或buffer3中，比如buffer1，等要显示区域的数据完全解析完并已经完全写入到buffer1中后，通过显示单元6将输入通道中存储的数据，也就是buffer1中的数据拷贝到输出通道的显示存储区域-OSD显示buffer中，从而实现该区域在屏幕上的显示。通过这种操作处理，在没有进行优化处理时看到的刷屏幕的过程转移到了后台，对于用户是不可见的。每调用一次刷新模块后就调用一次显示模块，这样每次显示在终端上的内容都是不会再重画了的，而是一块一块的逐步显示到屏幕上的，从而实现了对网页刷屏现象的优化。

Claims (5)

1. 一种嵌入式浏览器网页显示效果的优化方法，在由重画单元(5)、显示单元(6)、擦除区域单元(7)、画文本单元(8)、画图片单元(9)和画表格单元(10)组成的图形接口模块(1)，和浏览器引擎模块(2)、数据缓存模块(3)和网络处理模块(4)组成的嵌入式浏览器中进行，包括以下步骤：

1)、网络处理模块(4)从网页服务器上获取数据，并存放到数据缓存模块(3)中；

2)、浏览器引擎模块(2)从数据缓存模块(3)中读取网页数据，并设置标记以区别是否需要继续读取；

3)、浏览器引擎模块(2)解析网页数据，并将解析后的数据发送到图形接口模块(1)中；

4)、图形接口模块(1)接收到解析后的网页数据后，触发图形接口模块(1)内的重画单元(5)；

5)、图形接口模块(1)调用擦除区域单元(7)，用来清除要显示的内容区域，以保证显示的正确；

6)、图形接口模块(1)对接收到的数据的类型进行判断，若为文本数据，则调用图形接口模块(1)中的画文本单元(8)，在一块非显示的内存区域内画文本，若为图片数据，则调用图形接口模块(1)中的画图片单元(9)，在一块非显示的内存区域内画图像，若为表格数据，则调用图形接口模块(1)中的画表格单元(10)，在一块非显示的内存区域内画表格；

7)、图形接口模块(1)对接收到的网页数据进行判断，若网页数据已经完全解析并保存在非显示的内存区域中，则调用图形接口模块(1)中的显示单元(6)，将非显示内存区域中的数据显示到屏幕或显示终端上，否则，直接执行下一步；

8)、根据数据的获取、解析和显示情况，决定是否需要从步骤1)开始循环进行网页数据的处理操作。

2. 根据权利要求1所述的嵌入式浏览器网页显示效果的优化方法，其特征在于，所述的擦除区域单元(7)是通过给指定的内存区域填充颜色像素值为0x0的数据以实现擦除功能。

3. 根据权利要求1所述的嵌入式浏览器网页显示效果的优化方法，其特征在于，所述的画文本单元(8)将传送过来的数据通过字库解析成像素值，然后存储在指定位置的内存区域中。

4. 根据权利要求1所述的嵌入式浏览器网页显示效果的优化方法，其特征在于，所述的画图片单元(9)将解析好的像素值转化成上层GUI能够识别和显示的颜色格式，并将转化好的像素值储在对应的内存区域中。

5. 根据权利要求1所述的嵌入式浏览器网页显示效果的优化方法，其特征在于，由所述的显示单元(6)，将非显示内存区域中的数据显示到屏幕或显示终端的方法有两种，一是利用2D图形加速器的特性，用系统函数将后台内存区域的数据直接输出到显示内存区域实现显示；二是通过一个内存拷贝函数，直接将后台内存区域的数据拷贝到显示内存。

Images