CN1282149C - 一种在低分辨率显示设备中控制浏览器显示网页的方法 - Google Patents

Abstract

本发明公开了一种在低分辨率显示设备中控制浏览器显示网页的方法，当低分辨率显示设备访问为大分辨率显示设备设计的万维网站点时，在浏览器中采用图像过滤和控制模块，针对该图像的尺寸位置特性进行过滤、缩小、切分操作，在低分辨率设备上得到适合其特点的图像显示，可以为用户提供便于阅读的界面。

Description

一种在低分辨率显示设备中控制浏览器显示网页的方法

技术领域

本发明涉及图像处理领域，特别是指一种在低分辨率显示设备中控制浏览器显示网页的方法。

背景技术

随着无线通信技术的发展和提高，使得通过个人数字助理(PDA)或掌上电脑访问万维网(WEB)站点成为可能。PDA等掌上设备因为其设计小巧，便于携带，不受空间的限制，已经越来越受到人们的欢迎和喜爱。随着人们对信息获取速度的要求越来越高，随时随地上网必将成为一种趋势。

图1示出了本发明所应用的网络环境，如图1所示，低分辨率显示设备101通过互联网(INTERNET)102对各万维网(WEB)服务器站点103进行访问。WEB服务器103中保存有各种网站，向互联网提供丰富的信息资源。

当前大多数的网站都是为台式机或笔记本电脑等高分辨率的显示器设计的。虽然也有一些专门为PDA等低分辨率显示设备定制的WEB站点，但是与互联网上为数众多的普通网站相比，数量微乎其微，信息量相差很大。普通的WEB站点没有考虑到PDA等低分辨率显示设备的特性，网页在这些低分辨率显示设备中的显示效果很不理想，尤其是图像。有一些很宽的图像会超出屏幕显示范围，需要使用水平滚动条才能看到图像的全貌。有一些很窄很高的图像会占据整屏的显示，无法看到其他的东西。如此的图像显示为阅读带来了诸多不便。

发明内容

有鉴于此，本发明的目的在于提供一种在低分辨率显示设备中控制浏览器显示网页的方法，低分辨率显示设备访问为大分辨率显示设备设计的万维网站点时，浏览器中采用的图像过滤和控制模块针对该图像的尺寸位置特性进行过滤、缩小、切分操作，使在低分辨率显示设备上的图像显示更为合理，便于阅读。

为了达到上述目的，本发明提供了一种在低分辨率显示设备中控制浏览器显示网页的方法，在显示设备中的浏览器中至少包含以下步骤：语法分析阶段，采用一个语法分析器对网页文件进行语法分析；和排版布局阶段，采用一个排版布局模块对网页文件的显示进行排版布局；其特征在于：在语法分析阶段，当语法分析器遇到图像标签时，启动一个第一图像过滤和控制模块，针对该图像进行过滤或尺寸控制；在排版布局阶段，当排版布局模块遇到图像数据时，对语法分析阶段遗漏处理的图像进行过滤或尺寸控制。

在排版布局阶段，所述对语法分析阶段遗漏处理的图像进行过滤或尺寸控制的方法为：启动一个第二图像过滤和控制模块，对语法分析阶段遗漏处理的图像进行过滤或尺寸控制。较佳地，也可以再次启动第一图像过滤和控制模块，对语法分析阶段遗漏处理的图像进行过滤或尺寸控制。

在语法分析阶段，采用一个第一接口函数，实现语法分析器与图像过滤控制模块的数据操作。在排版布局阶段，采用一个第二接口函数，实现排版布局模块与图像过滤控制模块的数据操作。

第一图像过滤控制模块，对超出屏幕范围的图像和过小的图像进行处理，根据图像的尺寸位置特性进行过滤、缩小、切分操作。

网页文件为超文本标记语言(HTML)文件或可扩展标记语言(XML)文件。

本发明通过在浏览器的语法分析阶段采用一个第一图像过滤和控制模块，针对图像的尺寸位置特性进行过滤、缩小、切分操作，使得网页中的图像在低分辨率显示设备中的显示更为合理，为阅读提供了方便。在排版布局阶段采用第二图像过滤和控制模块，可以进一步处理在第一图像过滤和控制模块中遗漏的图像数据，使低分辨率显示设备上显示的图像质量更有保证。

附图说明

图1示出了本发明所应用的网络环境；

图2示出了依据本发明一个较佳实施例的方法示意图；

图3示出了依据本发明的图像过滤操作示意图；

图4示出了依据本发明的图像缩小操作示意图；

图5示出了依据本发明的图像切分操作示意图；

图6示出了依据本发明的另一个较佳实施例的流程图。

具体实施方式

为了使本发明的目的、技术方案和优点更加清楚，下面结合附图对本发明作进一步的详细描述。

本发明通过在浏览器中增加图像过滤和控制模块，对图像进行过滤和控制，达到控制浏览器更合理地显示网页的目的。

图2示出了依据本发明一个较佳实施例的方法示意图。如图2所示，浏览器201中包含：语法分析器202、排版布局模块203、第一接口函数205、第二接口函数206、第一图像过滤和控制模块207和第二图像过滤和控制模块208。各部分功能为：语法分析器202对超文本文件(HTML)数据进行分析，判断数据类型；第一图像过滤和控制模块207和第二图像过滤和控制模块208针对图形的尺寸位置特性进行过滤、缩小、切分操作；第一接口函数205实现语法分析器202与第一图像过滤和控制模块207之间的数据操作；排版布局模块203对接收到的数据进行排版布局，使显示更为美观合理；第二接口函数206实现排版布局模块203与第二图像过滤和控制模块208之间的数据操作。

当浏览器接收来自WEB站点的超文本文件(HTML)页面时，浏览器开始对其进行处理，处理过程主要分为语法分析和排版布局两个阶段。

数据首先传送至语法分析器202，进入语法分析阶段。语法分析器202对HTML数据文件进行分析，当遇到名为<IMG>的HTML图像标签时，语法分析器202通过第一接口函数205将图像数据传送至第一图像过滤和控制模块207。第一图像过滤和控制模块207对图像数据进行分析和处理：根据图像的尺寸位置特性进行过滤、缩小、切分操作，使得整个图像都可以显示在低分辨率显示设备上。然后第一图像过滤和控制模块207将处理结果通过第一接口函数205传送至语法分析器202。语法分析器202继续对下面的数据进行分析，每遇到一个<IMG>HTML图像标签，就通过第一接口函数205将图像数据交给第一图像过滤和控制模块207处理，直到语法分析器202对所有数据都进行过处理。

第一图像过滤和控制模块207处理数据的依据是图像的尺寸位置特性，下面来详细叙述操作策略。

图3示出了依据本发明的图像过滤操作示意图。过滤操作主要是针对某一方向上的尺寸过于小的图像。

在介绍过滤操作策略之前，简单的介绍一下像素的概念。像素(pixel)是由图像(picture)和元素(element)这两个字母组成，是用来计算图像的一种单位。像素是点阵图像的最小单位，为一方形点。计算机在表示图形大小的时候应用像素的概念，其实就是点的大小，一般高分辨率显示设备为640×480像素，如台式机、笔记本电脑等；低分辨率的显示设备一般为240×320像素，如PDA、掌上电脑等。

如图3(a)所示，图像302与屏幕301相比很高很窄，其横向宽度低于15个像素；如图3(b)所示，图像303与屏幕301相比很矮很宽，其纵向高度低于15个像素；如图3(c)所示，图像304与屏幕301相比横向纵向上的尺寸都很小，均低于15个像素，经第一图像过滤和控制模块207处理后便将这些图像过滤掉，这些图像将不在屏幕301上显示。

图4示出了依据本发明的图像缩小操作示意图。缩小操作主要是针对超出屏幕301显示范围，而且超出部分比较多的图像。

如图4(a)所示，图像401横向上超出了屏幕301的显示范围，其超出部分的横向宽度在图像总宽度的1/5～1/2之间；如图4(b)所示，图像402纵向上超出了屏幕301的显示范围，其超出部分的纵向高度在图像总高度的1/5～1/2之间，经第一图像过滤和控制模块207处理后便将这些图像按照一定的比例进行缩小，使这些图像完整地显示于屏幕301中。

图5示出了依据本发明的图像切分操作示意图。切分操作主要是针对超出屏幕301显示范围，而且超出部分比较少的图像。

如图5(a)所示，图像501横向上超出了屏幕301的显示范围，其超出部分的横向宽度小于图像总宽度的1/5；如图4(b)所示，图像502纵向上超出了屏幕301的显示范围，其超出部分的纵向高度小于图像总高度的1/5，经第一图像过滤和控制模块207处理后便将这些图像超出屏幕的部分切分掉，仅保留图像数据的一部分，使得这些图像切分后剩余部分完整地显示于屏幕301中。

语法分析阶段结束，数据进入排版布局阶段。基于HTML语言的松散性，在浏览器的语法分析阶段，第一图像过滤和控制模块207会无法确切地得到图像的属性，因此会有一些图像数据未进行处理。为了使所有图像数据的处理得到保障，在排版布局阶段引入第二图像过滤和控制模块208，对所有图像数据再次进行处理。

数据传送至排版布局模块203，进入排版布局阶段。排版布局模块203对HTML数据文件进行排版布局，当遇到图像数据时，排版布局模块203通过第二接口函数206将图像数据传送至第二图像过滤和控制模块208。第二图像过滤和控制模块208对图像数据进行分析和处理：根据图像的尺寸位置特性进行过滤、缩小、切分操作，其处理策略与第一图像过滤和控制模块207完全一样。

基于上述的结构原理，针对在低分辨率设备控制浏览器显示网页，图6示出了依据本发明另一个较佳实施例的流程图。如图6所示包括以下步骤：

步骤601～步骤603：浏览器接收网页文件数据流。语法分析器首先对网页文件进行语法分析，判断该数据是否为图像数据，即是否为<IMG>的HTML图像标签。如果是，执行步骤610；如果不是，执行步骤604。

步骤604：语法分析器针对不是图像的数据进行分析处理。

步骤605：语法分析器处理完当前数据后，判断后面是否还有数据，如果有，执行步骤603继续对数据进行处理；如果没有，执行步骤606。

步骤606～步骤607：语法分析器将数据传送至排版布局模块，排版布局模块接收数据后，判断数据是否为图像数据。如果是，执行步骤612；如果不是，执行步骤608。

步骤608～步骤609：数据传送至显示模块，显示模块将网页文件显示出来。

步骤610～步骤611：第一图像过滤和控制模块接收图像数据，根据图像尺寸位置特性进行过滤、缩小、切分操作。

步骤612～步骤613：第二图像过滤和控制模块接收图像数据，根据图像尺寸位置特性进行过滤、缩小、切分操作。

因为第一图像过滤和控制模块与第二图像过滤和控制模块的操作策略完全一样，所以可以只采用一个图像过滤和控制模块，在语法分析阶段和排版布局阶段分别启动，实现对图像的过滤和尺寸控制。

总之，以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。

Claims (8)

1、一种在低分辨率显示设备中控制浏览器显示网页的方法，在显示设备中的浏览器中至少包含以下步骤：语法分析阶段，采用一个语法分析器对网页文件进行语法分析；和排版布局阶段，采用一个排版布局模块对网页文件的显示进行排版布局；其特征在于：

在语法分析阶段，当语法分析器遇到图像标签时，启动一个第一图像过滤和控制模块，针对该图像进行过滤或尺寸控制；

在排版布局阶段，当排版布局模块遇到图像数据时，对语法分析阶段遗漏处理的图像进行过滤或尺寸控制。

2、如权利要求1所述的在低分辨率显示设备中控制浏览器显示网页的方法，其特征在于：在排版布局阶段，所述对语法分析阶段遗漏处理的图像进行过滤或尺寸控制的方法为：启动一个第二图像过滤和控制模块，对语法分析阶段遗漏处理的图像进行过滤或尺寸控制。

3、如权利要求1所述的在低分辨率显示设备中控制浏览器显示网页的方法，其特征在于：在排版布局阶段，所述对语法分析阶段遗漏处理的图像进行过滤或尺寸控制的方法为：再次启动第一图像过滤和控制模块，对语法分析阶段遗漏处理的图像进行过滤或尺寸控制。

4、如权利要求1所述的在低分辨率显示设备中控制浏览器显示网页的方法，其特征在于：在语法分析阶段，采用一个第一接口函数，实现语法分析器与图像过滤控制模块的数据操作。

5、如权利要求2或3所述的在低分辨率显示设备中控制浏览器显示网页的方法，其特征在于：在排版布局阶段，采用一个第二接口函数，实现排版布局模块与图像过滤控制模块的数据操作。

6、如权利要求1所述的在低分辨率显示设备中控制浏览器显示网页的方法，其特征在于：所述的第一图像过滤控制模块，对过小的图像和超出屏幕范围的图像进行处理，根据图像的尺寸位置特性进行过滤、缩小、切分操作。

7、如权利要求6所述的在低分辨率显示设备中控制浏览器显示网页的方法，其特征在于：所述的过滤操作是针对高度或宽度低于15个像素的图像进行的操作策略；所述的缩小操作是针对超出显示屏幕部分在图像总高度或宽度的1/5～1/2之间的图像进行的操作策略；所述的切分操作是针对超出显示屏幕部分小于图像总高度或宽度的1/5的图像进行的操作策略。

8、如权利要求1所述的在低分辨率显示设备中控制浏览器显示网页的方法，其特征在于：所述的网页文件为超文本标记语言HTML文件或可扩展标记语言XML文件。

Images