CN104239326A - 一种对网页字体进行缩放的方法、装置和*** - Google Patents

Abstract

本发明公开了一种对网页字体进行缩放的方法、装置和***，所述方法包括：接收网页文件；对所述网页文件进行解析和识别，将所述网页文件中包含的文字分为用于缩放的第一类文字和不用于缩放的第二类文字；检测对移动终端上显示的所述网页的缩放操作；在检测到所述缩放操作的情况下，对所述网页中的第一类文字的字体大小进行缩放而对所述网页中的第二类文字的字体大小不进行缩放。通过本发明，可以避免网页文字在缩放时出现的重叠问题，并且使得网页页面排版合理，不会影响用户对网页的浏览。

Description

一种对网页字体进行缩放的方法、装置和***

技术领域

本发明涉及计算机技术领域，具体涉及互联网技术领域，尤其涉及一种对网页字体进行缩放的方法、装置和***。

背景技术

随着通信技术尤其是互联网技术的发展，用户可获得的网络带宽不断增加，越来越多网络应用开始涌现，其中，网络应用与各种移动终端结合起来的使用变得也越来越普遍，由此，如何开发用户与移动终端之间的更友好的交互界面，成了当前网络应用领域研究和开发的热点之一。

目前，在利用移动终端浏览网页时，由于移动终端上的显示屏的尺寸相对较小，而很多常规的网页页面都是针对相对较大的PC屏幕来设计的，从而导致用户感兴趣的网页页面的仅一部分会显示在移动终端的显示屏上。因此，用户经常出于完整浏览网页页面的需要或者是其他需要（例如放大图片的需要）而对网页页面进行缩放。但是，对当前应用于移动终端的浏览器而言，网页页面的字体缩放要么是全局缩放，由此出现文字重叠、文字超出背景图片等问题；要么是全局不缩放，由此给用户的浏览带来不便。

发明内容

有鉴于此，本发明实施例提供一种改进的对网页字体进行缩放的方法、装置和***，来解决以上背景技术部分提到的技术问题。

一方面，本发明实施例提供了一种对移动终端上显示的网页字体进行缩放的方法，所述方法包括如下步骤：

接收网页文件；

对所述网页文件进行解析和识别，将所述网页文件中包含的文字分为用于缩放的第一类文字和不用于缩放的第二类文字；

检测对移动终端上显示的所述网页的缩放操作；

在检测到所述缩放操作的情况下，对所述网页中的第一类文字的字体大小进行缩放而对所述网页中的第二类文字的字体大小不进行缩放。

对应地，本发明实施例还提出了一种对移动终端上显示的网页字体进行缩放的装置，所述装置包括：

接收模块，用于接收网页文件；

解析和识别模块，用于对所述网页文件进行解析和识别，将所述网页文件中包含的文字分为用于缩放的第一类文字和不用于缩放的第二类文字；

检测模块，用于检测对移动终端上显示的所述网页的缩放操作；

缩放模块，用于在检测到所述缩放操作的情况下，对所述网页中的第一类文字的字体大小进行缩放而对所述网页中的第二类文字的字体大小不进行缩放。

对应地，本发明实施例还提出了一种对网页字体进行缩放的***，所述***包括服务器和至少一个客户端，其特征在于：

所述服务器向所述客户端传送网页文件；

所述客户端对所述网页文件进行解析和识别，将所述网页文件中包含的文字分为用于缩放的第一类文字和不用于缩放的第二类文字；

所述客户端检测对所显示的所述网页的缩放操作；

在检测到所述缩放操作的情况下，所述客户端对所述网页中的第一类文字的字体大小进行缩放而对所述网页中的第二类文字的字体大小不进行缩放。

本发明实施例提出的对网页字体进行缩放的方法、装置和***具有如下特点：通过将网页文件中包含的文字分类为用于缩放的第一类文字和不用于缩放的第二类文字并在随后的缩放处理时对网页中的第一类文字和第二类文字进行不同的缩放操作，避免了网页文字在缩放时出现的重叠问题，并且使得网页页面排版合理，不会影响用户对网页的浏览。

附图说明

图1是根据本发明第一实施例的对移动终端上显示的网页字体进行缩放的方法的流程图；

图2是对html网页文件中的文字进行分类的方法的流程图；

图3是根据本发明第二实施例的对移动终端上显示的网页字体进行缩放的装置的结构示意图；

图4为根据本发明第三实施例的对网页字体进行缩放的***的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部内容。

在图1中示出了本发明的第一实施例。

图1为根据本发明第一实施例的对移动终端上显示的网页字体进行缩放的方法的实现流程100，该实现流程100详述如下：

在步骤101中，接收网页文件。

在第一实施例中，在其屏幕上显示网页页面的移动终端可以通过无线连接方式从web服务器接收网页文件，或者也可以直接从本地读取预先存储在移动终端的内置存储器中的网页文件。

在本实施例中，上述网页文件包括html格式、xhtml格式、asp格式、php格式、jsp格式、shtml格式、nsp格式、xml格式的页面文件或者其它未来将开发的页面文件（只要这样的页面文件可以用浏览器打开并浏览所包含的图片、动画、文字等内容）。而上述无线连接方式包括但不限于3G连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB（ultra wideband）连接或者其它未来将开发的无线连接方式。

在步骤102中，对网页文件进行解析和识别，将所述网页文件中包含的文字分为第一类文字和第二类文字。

在第一实施例中，可以借助于网页解析器（例如htmlparser或jsoup之类的网页分析软件或者Dreamweaver之类的网站开发工具）对步骤101中接收的网页文件的源代码进行解析，以此实现对网页页面的网址、标题、图片、文字等内容的识别；随后，可以根据分类策略将所识别的网页页面中的文字分类为在缩放操作时将用于缩放的第一类文字和不用于缩放的第二类文字。

在本实施例中，分类策略可以为：对于识别出的网页页面中的文字而言，如果所述文字是标题中、功能按钮（例如跳转按钮）中、背景图片中的文字，则所述文字是第二类文字；如果所述文字在网页页面中属于位置固定（例如绝对定位）或者不可换行的文字，则所述文字是第二类文字；如果所述文字在网页页面中属于限制高度的文字，则所述文字是第二类文字；而不属于上述第二类文字的网页页面中的其他文字，则是第一类文字。在此需要说明的是，上述分类策略只是一种示例性的分类策略，本领域的普通技术人员容易知道，还可以根据实际应用需要对网页页面中的文字的类别划分进行调整或者甚至重新划分，例如，可以将功能按钮中的文字划分为将用于缩放的第一类文字以满足显示效果的需要。

在本实施例中，进一步参见图2，图2是对html网页文件中的文字进行分类的方法200的示意性流程图。如图2所示，以结合了级联样式表（CascadingStyle Sheet，简称“CSS”）的html网页文件为例，对html网页文件进行解析和识别以将所述html网页文件中包含的文字分为用于缩放的第一类文字和不用于缩放的第二类文字可以如下进行：

在步骤201中、利用网页解析器对上述html网页文件进行解析。

在步骤202中、识别上述html网页文件中包含的文字的显示属性或排版属性。

对于html网页文件而言，其包含的文字的显示属性或排版属性由CSS标签或html自带的标签以及标签中的属性来限定。例如，html网页文件中的一段代码“<td nowrap="nowrap">abcd</td>”表示出，“<td>”、“</td>”标签之间的文字内容“abcd”将会是不换行的（由“nowrap”属性规定）。

在步骤203中、根据上述显示属性或排版属性，对上述html网页文件中包含的文字进行分类。

在html网页文件中包含的文字的所述显示属性或排版属性符合以下条件1）-6）之一的情况下，将所述文字识别为第二类文字，而不属于第二类文字的其他文字则被识别为第一类文字：1）所述文字的排版属性为不可分行，例如CSS中的对该文字的排版属性进行限定的代码为“white-space:nowrap”；2）所述文字的显示属性为有背景图片，例如CSS中的对该文字的显示属性进行限定的代码为“background-image:some url”；3）所述文字的排版属性为绝对定位，例如CSS中的对该文字的排版属性进行限定的代码为“position:fixed”或“position:absolute”；4）所述文字的浮动方向与所述文字的排版方向不同，例如CSS中的对该文字的浮动方向进行限定的代码为“float:right”但对排版方向进行限定的代码为“direction:LTR”，或者对该文字的浮动方向进行限定的代码为“float:left”但对排版方向进行限定的代码为“direction:RTL”；5）所述文字的对齐方向与所述文字的排版方向不同，例如CSS中的对该文字的对齐方向进行限定的代码为“text-align:right”但对排版方向进行限定的代码为“derection:LTR”，或者对该文字的对齐方向进行限定的代码为“text-align:left”但对排版方向进行限定的代码为“derection:RTL”；6）所述文字的显示行数小于预定行数（优选的，所述预定行数为三行）。

在步骤103中，检测对移动终端上显示的网页的缩放操作。

在第一实施例中，在移动终端的显示屏是触摸屏的情况下，所示移动终端可以检测作用于所述移动终端的触摸屏上的、与网页的缩放操作相对应的触发信号。其中，所述触发信号可以是用户手指在触摸屏上的触摸操作所触发的信号，所述触摸操作例如对在所述触摸屏上显示的网页缩放按钮的触摸动作，或者例如用户的大拇指和食指在所述触摸屏上的开合触摸动作。

可选地，在移动终端具有前置摄像头的情况下，对所述移动终端上显示的网页的缩放操作还可以是作用于所述前置摄像头的、与所述缩放操作相对应的操作手势。例如，首先，可以预定义与所述缩放操作相对应的操作手势；当网页显示在移动终端的显示屏上时，可以借助于所述移动终端的前置摄像头对用户手势进行捕捉，如果所述用户手势随后被识别为与所述缩放操作相对应的操作手势，则对所述网页进行缩放。

在步骤104中，在检测到缩放操作的情况下，对网页中的第一类文字和第二类文字进行不同的缩放操作。

在第一实施例中，移动终端可以支持对多种大小的字体的显示，例如，以显示的大小区别，所述移动终端支持的字体大小包括：特大、大、中、小，每个字体大小又可以对应一定的字号，如，特大对应大三号字，大对应四号字，中对应五号字，小对应六号字，当然，各个字体大小还可以对应其他字号，可由技术人员根据硬件配置（例如屏幕分辨率）或者应用需要进行设置。

在第一实施例中，在步骤103中检测到缩放操作的情况下，移动终端对上述网页中的第一类文字的字体大小进行缩放而对所述网页中的第二类文字的字体大小不进行缩放。本发明的第一实施例提供的方法通过对网页文件中包含的文字进行不同的缩放操作，避免了网页文字在缩放时出现的重叠问题，使得网页页面排版合理。

图3示出了本发明的第二实施例。

图3为根据本发明第二实施例的一种对移动终端上显示的网页字体进行缩放的装置的结构示意图。如图3所示，本实施例所述的对移动终端上显示的网页字体进行缩放的装置300包括：接收模块301，解析和识别模块302，检测模块303和缩放模块304。其中，接收模块301用于接收网页文件；解析和识别模块302用于对所述网页文件进行解析和识别，将所述网页文件中包含的文字分为用于缩放的第一类文字和不用于缩放的第二类文字；检测模块303用于检测对移动终端上显示的所述网页的缩放操作；而缩放模块304用于在检测到所述缩放操作的情况下，对所述网页中的第一类文字的字体大小进行缩放而对所述网页中的第二类文字的字体大小不进行缩放。

在第二实施例中，上述装置300的接收模块301可以通过无线连接方式从web服务器接收网页文件，或者也可以直接从本地读取预先存储在移动终端的内置存储器中的网页文件。在本实施例中，上述网页文件包括html格式、xhtml格式、asp格式、php格式、jsp格式、shtml格式、nsp格式、xml格式的页面文件或者其它未来将开发的页面文件（只要这样的页面文件可以用浏览器打开并浏览所包含的图片、动画、文字等内容）。而上述无线连接方式包括但不限于3G连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB（ultra wideband）连接或者其它未来将开发的无线连接方式。

在第二实施例中，上述装置300的解析和识别模块302对接收模块301所接收的网页文件的源代码进行解析，以此实现对网页页面的网址、标题、图片、文字等内容的识别；随后，可以根据分类策略将所识别的网页页面中的文字分类为在缩放操作时将用于缩放的第一类文字和不用于缩放的第二类文字。在本实施例中，分类策略可以为：对于识别出的网页页面中的文字而言，如果所述文字是标题中、功能按钮（例如跳转按钮）中、背景图片中的文字，则所述文字是第二类文字；如果所述文字在网页页面中属于位置固定（例如绝对定位）或者不可换行的文字，则所述文字是第二类文字；如果所述文字在网页页面中属于限制高度的文字，则所述文字是第二类文字；而不属于上述第二类文字的网页页面中的其他文字，则是第一类文字。在此需要说明的是，上述分类策略只是一种示例性的分类策略，本领域的普通技术人员容易知道，还可以根据实际应用需要对网页页面中的文字的类别划分进行调整或者甚至重新划分，例如，可以将功能按钮中的文字划分为将用于缩放的第一类文字以满足显示效果的需要。

在第二实施例中，在移动终端的显示屏是触摸屏的情况下，上述装置300的检测模块303可以检测作用于所述移动终端的触摸屏上的、与网页的缩放操作相对应的触发信号。其中，所述触发信号可以是用户手指在触摸屏上的触摸操作所触发的信号，所述触摸操作例如对在所述触摸屏上显示的网页缩放按钮的触摸动作，或者例如用户的大拇指和食指在所述触摸屏上的开合触摸动作。

可选地，在移动终端具有前置摄像头的情况下，上述装置300的检测模块303还可以检测作用于所述前置摄像头的、与所述缩放操作相对应的操作手势。例如，首先，可以预定义与所述缩放操作相对应的操作手势；当网页显示在移动终端的显示屏上时，可以借助于所述移动终端的前置摄像头对用户手势进行捕捉，如果所述用户手势随后被识别为与所述缩放操作相对应的操作手势，则对所述网页进行缩放。

在第二实施例中，在上述检测模块303检测到缩放操作的情况下，上述装置300的缩放模块304对上述网页中的第一类文字的字体大小进行缩放而对所述网页中的第二类文字的字体大小不进行缩放。本发明的第二实施例提供的装置通过对网页文件中包含的文字进行不同的缩放操作，同样有效避免了网页文字在缩放时出现的重叠问题。

图4示出了本发明的第三实施例。

图4为根据本发明第三实施例的一种对网页字体进行缩放的***的结构示意图。如图4所示，根据本实施例的对网页字体进行缩放的***400包括服务器402（例如，对网站进行托管的web服务器）和至少一个客户端401，所述客户端401可以通过无线方式连接到所述服务器402。在本实施例中，所述服务器402向所述客户端401传送网页文件；而所述客户端401对所述网页文件进行解析和识别，将所述网页文件中包含的文字分为用于缩放的第一类文字和不用于缩放的第二类文字；随后，所述客户端401检测对所显示的所述网页的缩放操作；在检测到所述缩放操作的情况下，所述客户端401对所述网页中的第一类文字的字体大小进行缩放而对所述网页中的第二类文字的字体大小不进行缩放。

在本发明中所述的移动终端或客户端是指膝上型计算机、掌上电脑、个人数字助理(PDA)、手持式电子处理装置、结合PDA和手机功能的智能手机、导航装置、或能够显示网页并自动处理信息任何其他便携式电子装置。上述移动终端或客户端还可以进一步被配置成通过有线或无线连接到数据库或另一个移动终端或客户端。

本发明所述的技术方案能够通过将网页文件中包含的文字分类为用于缩放的第一类文字和不用于缩放的第二类文字并在随后的缩放处理时对网页中的第一类文字和第二类文字进行不同的缩放操作，避免了网页文字在缩放时出现的重叠问题，并且使得网页页面排版合理，不会影响用户对网页的浏览。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (11)

1.一种对移动终端上显示的网页字体进行缩放的方法，其特征在于，所述方法包括如下步骤：

接收网页文件；

对所述网页文件进行解析和识别，将所述网页文件中包含的文字分为用于缩放的第一类文字和不用于缩放的第二类文字；

检测对移动终端上显示的所述网页的缩放操作；

在检测到所述缩放操作的情况下，对所述网页中的第一类文字的字体大小进行缩放而对所述网页中的第二类文字的字体大小不进行缩放。

2.根据权利要求1所述的对移动终端上显示的网页字体进行缩放的方法，其特征在于，所述网页文件是HTML网页文件。

3.根据权利要求2所述的对移动终端上显示的网页字体进行缩放的方法，其特征在于，所述对所述网页文件进行解析和识别将所述网页文件中包含的文字分为用于缩放的第一类文字和不用于缩放的第二类文字包括：

对所述网页文件进行解析；

识别所述网页文件中包含的文字的显示属性或排版属性；

在所述网页文件中包含的文字的所述显示属性或排版属性符合以下条件之一的情况下，将所述文字识别为第二类文字，而不属于第二类文字的其他文字则被识别为第一类文字：所述文字的排版属性为不可分行；所述文字的显示属性为有背景图片；所述文字的排版属性为绝对定位；所述文字的浮动方向与所述文字的排版方向不同；所述文字的对齐方向与所述文字的排版方向不同；所述文字的显示行数小于预定行数。

4.根据权利要求1所述的对移动终端上显示的网页字体进行缩放的方法，其特征在于，所述检测对移动终端上显示的所述网页的缩放操作包括：检测作用于所述移动终端的触摸屏上的、与所述缩放操作相对应的触发信号。

5.根据权利要求1所述的对移动终端上显示的网页字体进行缩放的方法，其特征在于，所述检测对移动终端上显示的所述网页的缩放操作包括：检测作用于所述移动终端的前置摄像头的、与所述缩放操作相对应的操作手势。

6.一种对移动终端上显示的网页字体进行缩放的装置，其特征在于，所述装置包括：

接收模块，用于接收网页文件；

解析和识别模块，用于对所述网页文件进行解析和识别，将所述网页文件中包含的文字分为用于缩放的第一类文字和不用于缩放的第二类文字；

检测模块，用于检测对移动终端上显示的所述网页的缩放操作；

缩放模块，用于在检测到所述缩放操作的情况下，对所述网页中的第一类文字的字体大小进行缩放而对所述网页中的第二类文字的字体大小不进行缩放。

7.根据权利要求6所述的对移动终端上显示的网页字体进行缩放的装置，其特征在于，所述网页文件是HTML网页文件。

8.根据权利要求7所述的对移动终端上显示的网页字体进行缩放的装置，其特征在于，所述解析和识别模块包括：对所述网页文件进行解析的解析子模块和识别所述网页文件中包含的文字的显示属性或排版属性的识别子模块，其中，所述识别子模块在所述网页文件中包含的文字的所述显示属性或排版属性符合以下条件之一的情况下，将所述文字分类为第二类文字，而不属于第二类文字的其他文字则被分类为第一类文字：所述文字的排版属性为不可分行；所述文字的显示属性为有背景图片；所述文字的排版属性为绝对定位；所述文字的浮动方向与所述文字的排版方向不同；所述文字的对齐方向与所述文字的排版方向不同；所述文字的显示行数小于预定行数。

9.根据权利要求6所述的对移动终端上显示的网页字体进行缩放的装置，其特征在于，所述检测模块包括：检测作用于所述移动终端的触摸屏上的、与所述缩放操作相对应的触发信号。

10.根据权利要求6所述的对移动终端上显示的网页字体进行缩放的装置，其特征在于，所述检测模块包括：检测作用于所述移动终端的前置摄像头的、与所述缩放操作相对应的操作手势。

11.一种对网页字体进行缩放的***，所述***包括服务器和至少一个客户端，其特征在于：

所述服务器向所述客户端传送网页文件；

所述客户端对所述网页文件进行解析和识别，将所述网页文件中包含的文字分为用于缩放的第一类文字和不用于缩放的第二类文字；

所述客户端检测对所显示的所述网页的缩放操作；

在检测到所述缩放操作的情况下，所述客户端对所述网页中的第一类文字的字体大小进行缩放而对所述网页中的第二类文字的字体大小不进行缩放。