CN102779167A - 在移动终端中显示网页的方法及系统 - Google Patents

Abstract

本发明公开了在移动终端中显示网页的方法及系统，该方法包括：在移动终端中显示指定网页时，获取所述指定网页的页面资源；从所述页面资源中提取所述指定网页的页面描述信息，如果所述页面描述信息中不包含页面宽度值信息，则根据所述页面资源中定义的信息以及预先获取到的页面宽度统计值，获取所述指定网页的页面宽度值；所述页面宽度的统计值为通过对适合在移动终端中显示的网页进行统计得到的页面宽度统计值；将移动终端屏幕宽度值与所述页面宽度值进行比例计算，得到一缩放系数；对所述指定网页中的页面元素进行绘制及显示，其中根据所述缩放系数对所述指定网页的页面进行缩放。通过本发明，可以改善移动终端屏幕留白或页面内容溢出的现象。

Description

在移动终端中显示网页的方法及系统

技术领域

本发明涉及计算机技术领域，特别是涉及在移动终端中显示网页的方法及系统。

背景技术

随着科技飞速发展，移动终端（如手机等）已经拥有了强大的处理能力，移动终端正在从简单的通话工具变为一个综合信息处理平台，尤其是利用移动终端浏览网页，已经成为人们获取信息的重要途径。

为了使得移动终端用户方便上网浏览网页、获取资源，使用了专门的协议—WAP（Wireless Application Protocol，无线应用协议），网页制作者需要按照该协议制作专用于在移动终端上浏览的网页（这种网页一般是使用WML（Wireless Markup Language）语言来制作的，因此，一般可以简称为WML网页）。但是实际中，移动终端屏幕大小并不统一，如果要求网页设计者针对不同的移动终端屏幕设计不同宽度的网页，这无疑给网页设计者增加了工作量，也不便于实际操作。而不考虑移动终端屏幕宽度大小，只是将网页设计为某一宽度值，如果直接将原网页进行解析和渲染，将排版后的网页发送给移动终端，就会由于移动终端的屏幕大小和网页的宽度大小不一致而造成移动终端屏幕留白或者是最终显示的网页内容溢出移动终端屏幕的现象。

发明内容

本发明提供了在移动终端中显示网页的方法及系统，通过对网页进行缩放，改善了网页在移动终端显示时屏幕两边留白或者溢出屏幕的情况。

本发明提供了如下方案：

一种在移动终端中显示网页的方法，包括：

当需要在移动终端中显示指定网页时，获取所述指定网页的页面资源；

从所述页面资源中提取所述指定网页的页面描述信息，如果所述页面描述信息中不包含页面宽度值信息，则根据所述页面资源中定义的信息以及预先获取到的页面宽度统计值，获取所述指定网页的页面宽度值；所述页面宽度的统计值为通过对适合在移动终端中显示的网页进行统计得出的页面宽度统计值；

将移动终端屏幕宽度值与所述页面宽度值进行比例计算，得到一缩放系数；

对所述指定网页中的页面元素进行绘制及显示，其中根据所述缩放系数对所述指定网页的页面进行缩放。

可选的，所述页面资源中定义的信息包括为所述指定网页定义的版本信息。

可选的，所述页面宽度的统计值包括通过对具有版本信息的网页进行统计，得到的各个版本的网页对应的页面宽度值；所述根据所述页面资源中定义的信息以及预先获取到的页面宽度统计值，获取所述指定网页的页面宽度值包括：

获取所述页面资源中为所述指定网页定义的版本信息；

根据为所述指定网页定义的版本信息以及所述各个版本的网页对应的页面宽度值，确定所述指定网页的页面宽度值。

可选的，所述页面资源中定义的信息包括为页面元素定义的绝对宽度值。

可选的，所述根据所述页面资源中定义的信息以及预先获取到的页面宽度统计值，获取所述指定网页的页面宽度值包括：

获得所述页面资源中为各个页面元素定义的绝对宽度值，从中提取页面元素的最大绝对宽度值；

将所述页面元素的最大绝对宽度值与所述页面宽度的统计值进行比对，根据比对结果确定所述指定网页的页面宽度值。

可选的，所述页面宽度的统计值包括页面宽度的最大值及最小值；

所述将所述页面元素的最大绝对宽度值与所述页面宽度的统计值进行比对，根据比对结果确定所述指定网页的页面宽度值包括：

如果所述页面元素的最大绝对宽度值位于所述页面宽度的最大值与最小值之间，则将所述各个页面元素的最大绝对宽度值确定为所述指定网页的页面宽度值；

或者，

如果所述页面元素的最大绝对宽度值大于所述页面宽度的最大值，则将所述页面宽度统计值的最大值确定为所述指定网页的页面宽度值；

或者，

如果所述页面元素的最大绝对宽度值小于页面宽度的最小值，则根据所述页面资源中为各个字符定义的字体大小及预先获取到的适合在移动终端显示的页面中字符字体大小的统计值确定所述指定网页的页面宽度值。

可选的，所述根据所述页面资源中为各个字符定义的字体大小及预先获取到的适合在移动终端显示的页面中字符字体大小的统计值确定所述指定网页的页面的宽度值包括：

根据所述页面资源中为各个字符定义的字体大小计算出所述指定网页中字符的字体大小平均值；

如果所述指定网页中字符的字体大小平均值大于或等于所述字符字体大小的统计值，则将所述页面宽度的最大值确定为所述指定网页的页面宽度值；

或者，

如果所述指定网页中字符的字体大小平均值小于所述字符字体大小的统计值，则将所述指定网页的页面宽度值取为预设的宽度值。

可选的，所述根据所述缩放系数对所述指定网页的页面进行缩放包括：

根据所述缩放系数对所述指定网页中的各个页面元素的横纵坐标值和/或宽度高度值进行缩放处理，以便实现对所述指定网页的页面进行缩放。

一种在移动终端中显示网页的系统，包括：

页面资源获取单元，用于当需要在移动终端中显示指定网页时，获取所述指定网页的页面资源；

页面宽度值获取单元，用于从所述页面资源中提取所述指定网页的页面描述信息，如果所述页面描述信息中不包含页面宽度值信息，则根据所述页面资源中定义的信息以及预先获取到的页面宽度统计值，获取所述指定网页的页面宽度值；所述页面宽度的统计值为通过对适合在移动终端中显示的网页进行统计得出的页面宽度统计值；

缩放系数获取单元，用于将移动终端屏幕宽度值与所述页面宽度值进行比例计算，得到一缩放系数；

页面缩放单元，用于对所述指定网页中的页面元素进行绘制及显示，其中根据所述缩放系数对所述指定网页的页面进行缩放。

可选的，所述页面资源中定义的信息包括为所述指定网页定义的版本信息。

可选的，所述页面宽度的统计值包括通过对具有版本信息的网页进行统计，得到的各个版本的网页对应的页面宽度值；所述页面宽度值获取单元包括：

版本信息获取子单元，用于获取所述页面资源中为所述指定网页定义的版本信息；

第一页面宽度值确定子单元，用于根据为所述指定网页定义的版本信息以及所述各个版本的网页对应的页面宽度值，确定所述指定网页的页面宽度值。

可选的，所述页面资源中定义的信息包括为页面元素定义的绝对宽度值。

可选的，所述页面宽度值获取单元包括：

页面元素绝对宽度值获取子单元，用于获得所述页面资源中为各个页面元素定义的绝对宽度值，从中提取页面元素的最大绝对宽度值；

第二页面宽度值确定子单元，用于将所述页面元素的最大绝对宽度值与所述页面宽度的统计值进行比对，根据比对结果确定所述指定网页的页面宽度值。

可选的，所述页面宽度的统计值包括页面宽度的最大值及最小值；

所述第二页面宽度值确定子单元包括：

第一确定子单元，用于如果所述页面元素的最大绝对宽度值位于所述页面宽度的最大值与最小值之间，则将所述各个页面元素的绝对宽度值中的最大值确定为所述指定网页的页面宽度值；

或者，

第二确定子单元，用于如果所述页面元素的最大绝对宽度值大于所述页面宽度的最大值，则将所述页面宽度统计值的最大值确定为所述指定网页的页面宽度值；

或者，

第三确定子单元，用于如果所述页面元素的最大绝对宽度值小于页面宽度的最小值，则根据所述页面资源中为各个字符定义的字体大小及预先获取到的适合在移动终端显示的页面中字符字体大小的统计值确定所述指定网页的页面宽度值。

可选的，所述第三确定子单元具体用于：

根据所述页面资源中为各个字符定义的字体大小计算出所述指定网页中字符的字体大小平均值；

如果所述指定网页中字符的字体大小平均值大于或等于所述字符字体大小的统计值，则将所述页面宽度的最大值确定为所述指定网页的页面宽度值；

或者，

如果所述指定网页中字符的字体大小平均值小于所述字符字体大小的统计值，则将所述指定网页的页面宽度值取为预设的宽度值。

可选的：

所述页面缩放单元具体用于：根据所述缩放系数对所述指定网页中的各个页面元素的横纵坐标值和/或宽度高度值进行缩放处理，以便实现对所述指定网页的页面进行缩放。

根据本发明提供的具体实施例，本发明公开了以下技术效果：当需要在移动终端中显示一指定网页时，获取该指定网页的页面资源；如果该指定网页的页面描述信息中不包含页面宽度值信息，则根据该页面资源中定义的信息以及预先获取到的适合在移动终端显示的网页的页面宽度的统计值，获取所述指定网页的页面宽度值。也即，如果从描述信息中获取不到页面宽度值，通过本发明实施例可以得到当前网页的页面宽度值。将移动终端屏幕宽度值与得到的当前网页的页面宽度值进行比例计算，得到一缩放系数，在对当前网页中的页面元素进行绘制及显示的过程中，根据该缩放系数对所述指定网页的页面进行缩放。由于该缩放系数的值为移动终端屏幕宽度值/当前网页的页面宽度值，因此，对网页的页面根据该缩放系数进行缩放之后，可以使得网页最终显示的大小尽可能与移动终端屏幕的大小一致，进而改善了屏幕两边留白或者页面内容溢出屏幕的情况。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种在移动终端中显示网页的方法流程图；

图2是本发明实施例提供的缩放页面的示意图；

图3是解析原网页并将页面内容直接在移动终端显示的效果图；

图4是经过本发明实施例处理的网页的页面在移动终端显示的效果图；

图5是本发明实施例提供的一种在移动终端中显示网页的系统示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本发明保护的范围。参见图1，其为本发明实施例提供的一种在移动终端中显示网页的方法流程图，具体实施方式如下：

S101：当需要在移动终端中显示指定网页时，获取所述指定网页的页面资源；

当用户需要访问某一网页时，通常会从浏览器输入该网页的网址或者点击该网页的链接，浏览器将该访问网页的请求发出，进而对该网页进行访问，并获取到该网页的页面资源。目前的浏览器分为B/S(Browser/server，浏览器/服务器)和C/S（Client/Server，客户端/服务器）两种。在这两种不同的架构下，获取网页的页面资源的方式也是不同的。在B/S架构下，当需要在移动终端中显示一指定网页时，获取该指定网页的页面资源的方式可以是浏览器发送访问该网页的请求给页面服务器，页面服务器接受到请求后将指定网页的页面资源返回给移动终端，由移动终端对页面资源所对应的数据进行解析、渲染、绘制及最终显示。而在C/S架构下，当需要在移动终端中显示一指定网页时，获取该指定网页的页面资源的方式可以是浏览器发送访问该网页的请求给代理服务器，代理服务器将该请求再发送给页面服务器，页面服务器接收到请求后将指定网页的页面资源返回给代理服务器，由代理服务器对页面资源所对应的数据进行解析，并将解析后的数据信息发送给移动终端。

S102：从所述页面资源中提取所述指定网页的页面描述信息，如果所述页面描述信息中不包含页面宽度值信息，则根据所述页面资源中定义的信息以及预先获取到的页面宽度统计值，获取所述指定网页的页面宽度值；所述页面宽度的统计值为通过对适合在移动终端中显示的网页进行统计得出的页面宽度统计值；

需要说明的是，在有些网页的描述信息（meta)中会包含预先定义的网页宽度信息，只要对meta信息进行解析即可获取到当前网页的页面宽度值。这种情况下，可以无需计算当前网页的页面宽度，只要根据获取到的meta信息中的页面宽度值来进行本发明实施例的后续处理，也即根据meta信息中的页面宽度值与移动终端屏幕宽度值进行比例计算，得到一缩放系数，在对指定网页中的页面元素进行绘制及显示的过程中，根据该缩放系数对指定网页的页面进行缩放处理，进而使得页面在显示的时候尽可能与移动终端屏幕大小一致。

但是，有些网页（如新闻类网页）的meta信息中并不包含网页的宽度信息，也即通过meta信息并不能得到当前网页的页面宽度值。针对这种情况，本发明实施例提供了相应的获取页面宽度值的实现方式，具体可以为：根据所述页面资源中定义的信息以及预先获取到的适合在移动终端显示的网页的页面宽度的统计值，获取所述指定网页的页面宽度值。

具体而言，根据页面资源中定义的信息以及预先获取到的适合在移动终端显示的网页的页面宽度的统计值，获取指定网页的页面宽度值可以有多种方式，其中的一种可以为：根据页面资源中为指定网页定义的版本信息及预先获取到的适合在移动终端显示的网页的页面宽度的统计值，获取该指定网页的页面宽度值。之所以可以这样获取页面宽度值，是因为，经过统计发现，一些特殊版本的网页，其对应的页面宽度值是固定不变的，例如：对于WAP1.0版本的网页，通过统计可以得知其网页的页面宽度通常为200px(pixel,像素),因此，如果获取到网页资源后，如果能够通过网页内部定义的一些字段判断出该网页的版本信息，则直接将页面宽度确定为该版本对应的页面宽度统计值即可。如，如果页面中定了网页的版本是WAP1.0，那么就可以无需通过计算，而直接将当前指定网页的页面宽度值取为200px，等等。

另外，在根据页面资源中定义的信息以及预先获取到的适合在移动终端显示的网页的页面宽度的统计值，获取指定网页的页面宽度值还可以包括：根据页面资源中为页面元素定义的绝对宽度值及所述统计值，获取该指定网页的页面宽度值。

具体而言，获取页面资源中为页面元素定义的绝对宽度值可以通过以下方式实现：在步骤S101中已经获取到了网页资源，渲染引擎获取到HTML（Hypertext Markup Language，超文本标记语言）页面资源后，开始解析HTML页面内容，并将其中的标签转化为Dom树节点，并构建Dom树。接着它开始解析CSS文件及style标签中的样式信息，这些获取到的样式信息和HTML页面中的可见性指令将被用来构建Render树。Render树是对Dom树的更进一步的描述，由元素显示序列中的可见元素组成，它是文档的可视化表示，构建这棵树是为了以正确的顺序绘制文档内容。通过解析CSS文件及style标签中的样式信息，就可以获知哪些页面元素的宽度属性为相对属性，哪些页面元素的宽度属性为绝对属性，进而可以获取到这些定义有绝对宽度属性值的页面元素的绝对宽度值。由于宽度属性定义为相对宽度的页面元素，其宽度值是动态变化的不确定的，所以在计算当前页面宽度的时候，只要获取定义有绝对宽度属性值的页面元素的绝对宽度值即可。

获取到定义有绝对宽度属性值的页面元素的绝对宽度值之后，由于网页中通常会根据实际需要为不同的元素定义不同的绝对宽度值，所以通过比较获取到的页面元素的绝对宽度值，可以获知页面元素的绝对宽度值中的最大值。通常情况下，页面中的绝对宽度值最大的元素可能会占据页面的整个宽度，因此页面元素的绝对宽度值的最大值可以作为当前网页宽度。当然，有的情况下，页面中绝对宽度值最大的元素也可能不会占据页面整个宽度，所以，需要页面元素的绝对宽度值的最大值结合另外一个因素，也就是页面宽度值的统计值来确定当前页面的宽度值。

通过统计可以得知，对于适合移动终端显示的网页，其页面宽度的统计值区间一般为210px-320px。也即，经过统计计算，对于适合移动终端显示的网页，其页面宽度的最小值一般为210px，最大值一般为320px。换言之，可以通过上述统计区间对前文获取到的网页内各个页面元素的绝对宽度最大值是否能够代表该网页的页面宽度值进行验证，如果上述绝对宽度最大值在上述统计区间内，则该绝对宽度最大值就能够代表网页的页面宽度值，否则，如果该绝对宽度最大值大于页面宽度统计值的最大值，或者小于页面宽度统计值的最小值，则证明该绝对宽度最大值并不能代表网页的页面宽度值。因此，通过上述分析，具体在根据上述页面元素的绝对宽度值中的最大值以及得到的页面宽度的统计值区间便可得到当前网页的页面宽度值。具体方法可以是：

将页面元素的绝对宽度值中的最大值与页面宽度的统计值区间进行比较，如果页面元素的绝对宽度值中的最大值大于页面宽度统计值的最小值（如210px）并小于等于页面宽度统计值的最大值（如320px），也即，各个页面元素的绝对宽度值中的最大值位于统计得到的页面宽度的最大值与最小值之间，则将页面元素的绝对宽度值中的最大值确定为当前指定网页的页面宽度值；如果页面元素的绝对宽度值中的最大值大于页面宽度统计值的最大值，则将页面宽度统计值的最大值确定为当前指定网页的页面宽度值。例如：获取到网页内页面元素的绝对宽度值之后，通过比较发现绝对值宽度的最大值为240px，而240px大于210px（页面宽度统计值的最小值）并小于320px(页面宽度统计值的最大值)，因此可以将当前网页的宽度值确定为240px；如果通过比较发现绝对值宽度的最大值为360px；而360px大于320px,因此，可以将当前网页的宽度值确定为320px。如果页面元素的绝对宽度值中的最大值小于页面宽度统计值的最小值，本发明实施例还可以进一步根据页面资源中为各个字符定义的字体大小及预先获取到的适合在移动终端显示的页面中字符字体大小的统计值确定当前指定网页的页面宽度值。

具体方式实现，可以通过以下方式进行：

在解析CSS文件及style标签中的样式信息时，可以获取到网页中为每个元素所包含的字符所定义的字体大小，因此根据获取到的各个字符字体大小可以计算出当前页面资源中字符的字体大小平均值。通过比较当前页面资源中字符的字体大小平均值及预先获取到的适合在移动终端显示的页面中字符字体大小的统计值可以确定当前网页的页面宽度。

例如：当前的页面中包含有5个元素，其中3个元素中包含有字符，第一个元素中包含有5个字符（该元素可能是文章标题），第二个元素中包含有100个字符（该元素可能是文章正文），第三个元素中包含有10个字符（该元素可能是对正文中某词语的解释），通过解析CSS文件及style标签中的样式信息，可以得知网页为这3个元素中的字符定义的字体大小（font-size）分别为18px、16px、12px，那么通过计算，可以得到当前页面中字符的字体大小平均值为：（5*18+100*16+10*12）/(5+100+10)，约为17.2px。或者，在计算当前页面中字符的字体大小平均值时，也可以不必考虑每个元素中分别包含的字符数目，例如，在前述例子中，当前页面中字符的字体大小平均值也可以为：（18+16+12）/3，约为15.3px，等等。当然，在考虑每个元素中包含的字符数的情况下，能够更准确地反映页面中的字符大小的真实情况。

在实际应用中，上述计算当前页面资源中字符的字体大小平均值的步骤可以是和前文所述的获得页面元素的绝对宽度值中的最大值同时进行。因为获取网页中为每个元素所包含的字符所定义的字体大小以及获取定义有绝对宽度属性值的页面元素的绝对宽度值都是可以在解析CSS文件及style标签中的样式信息时获得到。因此，为了减少遍历次数，可以在获取定义有绝对宽度属性值的页面元素的绝对宽度值并计算页面元素的绝对宽度值中的最大值的同时，获取网页中为每个元素所包含的字符所定义的字体大小并计算出当前页面资源中字符的字体大小平均值。

将上述计算出的字符的字体大小平均值与预先获取到的适合在移动终端显示的页面所定义的字符字体大小的统计值进行比较，该字符字体大小的统计值为通过大量的研究和分析得出（例如，通常为16px）,如果页面资源中字符的字体大小平均值大于或等于该字符字体大小的统计值，则将页面宽度统计值的最大值（如320px）确定为当前指定网页的页面宽度值；如果页面资源中字符的字体大小平均值小于所述字符字体大小的统计值，则将当前指定网页的页面宽度值确定为预设的宽度值（如220px）。例如，如果通过计算得到当前网页的页面资源中，字符的字体大小平均值为17px,由于17px大于16px（字符字体大小的统计值），所以将当前网页的页面宽度值确定为320px（页面宽度统计值的最大值）；如果通过计算得到当前网页的页面资源中，字符的字体大小平均值为12px，而12px小于16px,因此，可以将当前指定网页的页面宽度值确定为预设的宽度值。

之所以通过字符字体大小的平均值来作为获取页面宽度值的条件，是因为本发明实施例在后续的步骤中需要根据确定的当前网页的页面宽度，获得一个比例系数，该比例系数为屏幕宽度值/页面宽度值，在移动终端显示时会根据该比例系数将网页的页面进行缩放（此部分内容后面将会详细介绍）。通过字符字体大小的平均值与字符字体大小的统计值进行比较，可以确定一个合适的页面宽度，进而可以得到一个合适的缩放系数，使得最终网页页面在显示时尽可能与移动终端屏幕大小一致。这里所谓的“合适”是指，如果字符字体大小的平均值比较小的话，则在最终显示的时候可以为各个页面元素乘以一个比较大的比例系数，而如果字符字体大小平均值比较大的话，则在最终显示的时候，可以为各个页面元素乘以一个比较小的比例系数，这样，在使得页面在最终显示时尽可能与移动终端屏幕大小保持一致的同时，还可以兼顾到页面内容在显示时的辨识度。换言之，由于网页中的字符相对于图片等其他的元素而言，所占面积相对较小，因此字符的辨识度是页面显示效果的一个重要的衡量标准。因此，在本发明实施例中对页面进行缩放时，还考虑了字符的平均字体大小这一因素，以便达到以下效果：如果网页中字符的平均字体比较小，则在对网页进行缩放时，可以使用一个相对较大的系数，使得网页被放大的程度相对较大，提高字符的辨识度；而如果网页中字符的平均字体已经比较大了，则可以无需将网页放大地过大，就可以保证字符的辨识度，因此，就可以网页被放大的程度相对较小。

具体实现时，对于当前需要显示的网页中包含的字符的平均字体大小，其到底是较大还是较小，可以是相对于预先获取到的适合在移动终端显示的页面所定义的字符字体大小的统计值而言的，正如前文所述，在获取到当前需要显示的网页中包含的字符的平均字体大小的值之后，可以与上述字体大小统计值进行比对，从而来确定到底是较大还是较小。

例如，如果移动终端屏幕宽度值为480px,通过计算得到当前网页的页面资源中，字符的字体大小平均值为12px，小于16px（字符字体大小的统计值），此时，如果将320px（页面宽度统计值的最大值）确定为页面宽度值的话，比例系数为480px/320px=1.5，该比例系数比较小，而此时网页中字符的字体大小平均值也比较小，所以，最终的显示结果就会偏小；如果通过计算得到当前网页的页面资源中，字符的字体大小平均值为17px，大于16px,此时，如果将210px（页面宽度统计值的最小值）确定为页面宽度值的话，比例系数为480px/210px，约为2.3，该比例系数比较大，而此时网页中字符的字体大小平均值也比较大，所以最终的显示结果就会偏大。

S103：将移动终端屏幕宽度值与所述页面宽度值进行比例计算，得到一缩放系数；

将移动终端屏幕宽度值与在步骤S102中获取到的页面宽度值进行比例计算，得到一缩放系数，该缩放系数值大小为移动终端屏幕宽度值/页面宽度值。如：通过计算获得的当前网页的页面宽度值为240px,移动终端屏幕宽度值为480px,那么得到的缩放系数为480px/240px=2。

其中，客户端程序（例如在移动终端中安装的浏览器）可以通过调用系统函数的方式来获取移动终端屏幕宽度值。也即，移动终端的操作系统为应用程序提供了各种系统函数（或称接口），应用程序可以通过调用这些系统函数获取一些操作系统中的信息或者终端设备的硬件属性信息等等。屏幕宽度值就属于终端设备的硬件属性信息，因此，也可以通过调用系统函数的方式获取到。

具体在计算缩放系数时，在C/S与B/S架构下可以有不同的实现过程。例如，在C/S架构下，浏览器的客户端可以在发送访问网页请求给代理服务器的时候，在请求中携带移动终端屏幕宽度值这一信息一并上传给代理服务器，代理服务器通过解析请求信息就可以获得移动终端屏幕大小值，代理服务器通过获取到的移动终端的屏幕宽度值，以及在步骤S102中获取到的页面宽度值就可以计算得到相应的缩放系数。或者浏览器的客户端也可以调用系统函数获知移动终端的型号信息，在访问网页请求中携带移动终端的型号信息，而代理服务器中预存有移动终端型号以及各个型号屏幕宽度值，并且将型号与屏幕宽度值之间建立了对应关系，因此通过接收到的型号信息就可以对应查找到该型号的移动终端所对应的屏幕宽度值，然后进行缩放系数的计算即可。

而对于B/S架构，相关的计算操作可以全部在客户端进行操作，因此可以通过系统函数直接获得移动终端屏幕宽度值之后，根据获得的移动终端屏幕宽度值以及在步骤S102中获取到的页面宽度值计算得到相应的缩放系数即可。

S104：对所述指定网页中的页面元素进行绘制及显示，其中根据所述缩放系数对所述指定网页的页面进行缩放。

根据上述得到的缩放系数，对页面整体进行缩放，以使得页面显示时尽量与移动终端屏幕大小保持一致。在具体实现时，根据上述缩放系数对页面进行缩放可以有多种方式，本发明实施例提供的缩放的方式可以是：对指定网页中的各个页面元素的横纵坐标值和/或宽度高度值都按照得到的缩放系数统一进行缩放处理。也就是说，经过排版计算后的页面内的所有元素都按照同一个系数进行缩放，这样就能保证页面排版顺序不变的情况下，页面整体得到了缩放。之所以对页面元素的坐标值也进行同样的缩放，是为了避免元素之间在缩放的过程中相互重叠。例如，页面的某一行里面有两个元素，第一个元素的x,y,w,h(横坐标，纵坐标，宽度，高度)分别为（30,20,50,20）,第二个元素的x,y,w,h为（80,20,50,20），假如得到的缩放系数为2，如果只是放大宽度和高度值的话，，那么第一个元素的x,y,w,h分别为（30,20,100,40）,第二个元素的x,y,w,h分别为（80,20,100,40），这样第一元素在放大之后宽度值为100px,它的横坐标没有放大仍为30px，所以第一个元素在横坐标的方向上所占据的位置为30-130px之间，第一个元素的高度在放大之后为40px,它的纵坐标没有变化，仍为20px，所以第一个元素在纵坐标方向所占据的位置为20-60px之间，而第二个元素的横坐标也没有放大，仍为80px，80px位于30-130px之间，它的纵坐标也没有放大，仍为20px，因此第二个元素的起始位置（80,20）位于了第一元素所占据的空间中，与第一元素出现了重叠。

仍以上面的第一元素及第二元素为例，如果对元素的横纵坐标以及宽度和高度值同时放大2倍的话，那么第一元素的x,y,w,h分别为（60,40,100,40），第二元素的x,y,w,h分别为（160,40,100,40），可以看到，第一元素在横坐标方向所占据的位置为60-160px之间，在纵坐标方向所占据的位置为40-80px之间，而第二个元素的起始位置为（160,40），它在横坐标方向所占据的位置为160-260px之间，纵坐标方向占据的位置为40-80px之间，很明显两个元素之间并不会出现重叠。因此，为了保证排版的效果，本发明实施例对各个页面元素的横纵坐标值以及宽度高度值同时进行缩放。

为了更好地理解本发明实施例提供的方案，下面通过一个具体的例子对页面缩放的具体实施方式进行详细地介绍。参见图2，其为本发明实施例提供的缩放页面的示意图。例如通过本发明实施例计算得到当前网页的页面宽度值为240px,客户端屏幕宽度为480px,此时，缩放系数的大小为移动终端屏幕宽度值/页面宽度值，也即480px/240px=2。这样，在客户端进行渲染时，对页面内所有元素的x,y,w,h同时放大2倍，如其中网页中定义的一元素的x=10,y=10,w=100,h=50,那么在移动终端显示时，经过放大后，该元素的x=20,y=20,w=200,h=100。网页中定义的另一元素的x=120,y=10,w=100,h=50，那么在移动终端显示时，该元素的x=240,y=20,w=200,h=100等等。

下面再通过两个图例来说明一下本发明实施例所达到的效果。参见图3，其为解析原网页并将页面内容直接在移动终端显示的效果图。当前网页的实际页面宽度为320px,字符大小的平均值大于16px，在没有经过本发明实施例的计算获取页面宽度及缩放，而是直接对其解析渲染后，在移动终端显示的效果如图3，很明显，出现了屏幕两端留白，字体显示小的现象，显示效果不好。参见图4，其为经过本发明实施例处理的网页的页面在移动终端显示的效果图。通过本发明实施例，计算出页面的宽度，并进行相应的缩放后，页面在移动终端显示的效果如图4所示。通过图3和图4的对比，可以看到，本发明实施例可以在一定程度上改善页面在移动终端显示时，两边留白的情况。

与本发明实施例提供的一种在移动终端中显示网页的方法相对应，本发明实施例还提供了一种在移动终端中显示网页的系统，参见图5，其为本发明实施例提供的一种在移动终端中显示网页的系统示意图，该系统包括：

页面资源获取单元501，用于当需要在移动终端中显示一指定网页时，获取指定网页的页面资源；

页面宽度值获取单元502，用于从所述页面资源中提取所述指定网页的页面描述信息，如果所述页面描述信息中不包含页面宽度值信息，则根据所述页面资源中定义的信息以及预先获取到的页面宽度统计值，获取所述指定网页的页面宽度值；所述页面宽度的统计值为通过对适合在移动终端中显示的网页进行统计得到的页面宽度统计值；

缩放系数获取单元503，用于将移动终端屏幕宽度值与页面宽度值进行比例计算，得到一缩放系数；

页面缩放单元504，用于对所述指定网页中的页面元素进行绘制及显示，其中根据所述缩放系数对所述指定网页的页面进行缩放。

在具体实施过程中，获取页面宽度值可以有多种方式，其中一种方式为经过统计，对于一些特定版本的网页，其对应的页面宽度值通常是固定不变的，所以页面资源中定义的信息包括为所述指定网页定义的版本信息，页面宽度值获取单元502可以根据页面资源中为指定网页定义的版本信息及所述统计值，获取指定网页的页面宽度值。

其中，具体实现时，所述页面宽度的统计值包括通过对具有版本信息的网页进行统计，得到的各个版本的网页对应的页面宽度值；页面宽度值获取单元502包括：

版本信息获取子单元，用于获取页面资源中为指定网页定义的版本信息；

第一页面宽度值确定子单元，用于根据为所述指定网页定义的版本信息以及所述各个版本的网页对应的页面宽度值，确定指定网页的页面宽度值。

在另一实现方式中，页面资源中定义的信息包括为页面元素定义的绝对宽度值，此时，页面宽度值获取单元502可以根据所述页面资源中为页面元素定义的绝对宽度值及统计值，获取指定网页的页面宽度值。

具体实施过程中，页面宽度值获取单元502可以包括：

页面元素绝对宽度值获取子单元，用于获得页面资源中为各个页面元素定义的绝对宽度值，从中提取页面元素的最大绝对宽度值；

第二页面宽度值确定子单元，用于将页面元素的最大绝对宽度值与页面宽度的统计值进行比对，根据比对结果获取指定网页的页面宽度值。

其中，页面宽度的统计值包括页面宽度的最大值及最小值，第二页面宽度值确定子单元包括：

第一确定子单元，用于如果页面元素的最大绝对宽度值位于页面宽度的最大值与最小值之间，则将所述各个页面元素的绝对宽度值中的最大值确定为指定网页的页面宽度值；

或者，

第二确定子单元，用于如果页面元素的最大绝对宽度值大于页面宽度的最大值，则将页面宽度统计值的最大值确定为指定网页的页面宽度值；

或者，

第三确定子单元，用于如果页面元素的最大绝对宽度值小于页面宽度的最小值，则根据页面资源中为各个字符定义的字体大小及预先获取到的适合在移动终端显示的页面中字符字体大小的统计值确定指定网页的页面宽度值。

在实施过程中，第三确定子单元具体用于：

根据页面资源中为各个字符定义的字体大小计算出指定网页中字符的字体大小平均值；

如果指定网页中字符的字体大小平均值大于或等于字符字体大小的统计值，则将页面宽度的最大值确定为指定网页的页面宽度值；

或者，

如果指定网页中字符的字体大小平均值小于字符字体大小的统计值，则将指定网页的页面宽度值取为预设的宽度值。

在对页面内容进行缩放的过程中，为了能够实现对页面的缩放效果，同时又在缩放过程中不会造成页面元素之间的相互重叠，该系统中的页面缩放单元具体用于：根据所述缩放系数对所述指定网页中的各个页面元素的横纵坐标值和/或宽度高度值进行缩放处理，以便实现对所述指定网页的页面进行缩放。

通过本发明实施例提供的在移动终端中显示网页的系统，对于描述信息中不包含网页的页面宽度信息的某一网页，可以根据该页面资源中定义的信息以及预先获取到的适合在移动终端显示的网页的页面宽度的统计值，获取到网页的页面宽度值，将移动终端屏幕宽度值与得到的当前网页的页面宽度值进行比例计算，得到一缩放系数，在对当前网页中的页面元素进行绘制及显示的过程中，根据该缩放系数对所述指定网页的页面进行缩放。由于该缩放系数的值为移动终端屏幕宽度值/当前网页的页面宽度值，因此，对网页的页面根据该缩放系数进行缩放之后，可以使得网页最终显示的大小尽可能与移动终端屏幕的大小一致，进而改善了屏幕两边留白或者页面内容溢出屏幕的情况。

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

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的装置及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

以上对本发明所提供的在移动终端中显示网页的方法及系统，进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处。综上所述，本说明书内容不应理解为对本发明的限制。

Claims (16)

1.一种在移动终端中显示网页的方法，其特征在于，包括：

当需要在移动终端中显示指定网页时，获取所述指定网页的页面资源；

从所述页面资源中提取所述指定网页的页面描述信息，如果所述页面描述信息中不包含页面宽度值信息，则根据所述页面资源中定义的信息以及预先获取到的页面宽度统计值，获取所述指定网页的页面宽度值；所述页面宽度的统计值为通过对适合在移动终端中显示的网页进行统计得出的页面宽度统计值；

将移动终端屏幕宽度值与所述页面宽度值进行比例计算，得到一缩放系数；

对所述指定网页中的页面元素进行绘制及显示，其中根据所述缩放系数对所述指定网页的页面进行缩放。

2.根据权利要求1所述的方法，其特征在于，所述页面资源中定义的信息包括为所述指定网页定义的版本信息。

3.根据权利要求2所述的方法，其特征在于，所述页面宽度的统计值包括通过对具有版本信息的网页进行统计，得到的各个版本的网页对应的页面宽度值；所述根据所述页面资源中定义的信息以及预先获取到的页面宽度统计值，获取所述指定网页的页面宽度值包括：

获取所述页面资源中为所述指定网页定义的版本信息；

根据为所述指定网页定义的版本信息以及所述各个版本的网页对应的页面宽度值，确定所述指定网页的页面宽度值。

4.根据权利要求1所述的方法，其特征在于，所述页面资源中定义的信息包括为页面元素定义的绝对宽度值。

5.根据权利要求4所述的方法，其特征在于，所述根据所述页面资源中定义的信息以及预先获取到的页面宽度统计值，获取所述指定网页的页面宽度值包括：

获得所述页面资源中为各个页面元素定义的绝对宽度值，从中提取页面元素的最大绝对宽度值；

将所述页面元素的最大绝对宽度值与所述页面宽度的统计值进行比对，根据比对结果确定所述指定网页的页面宽度值。

6.根据权利要求5所述的方法，其特征在于，所述页面宽度的统计值包括页面宽度的最大值及最小值；

所述将所述页面元素的最大绝对宽度值与所述页面宽度的统计值进行比对，根据比对结果确定所述指定网页的页面宽度值包括：

如果所述页面元素的最大绝对宽度值位于所述页面宽度的最大值与最小值之间，则将所述各个页面元素的最大绝对宽度值确定为所述指定网页的页面宽度值；

或者，

如果所述页面元素的最大绝对宽度值大于所述页面宽度的最大值，则将所述页面宽度统计值的最大值确定为所述指定网页的页面宽度值；

或者，

如果所述页面元素的最大绝对宽度值小于页面宽度的最小值，则根据所述页面资源中为各个字符定义的字体大小及预先获取到的适合在移动终端显示的页面中字符字体大小的统计值确定所述指定网页的页面宽度值。

7.根据权利要求6所述的方法，其特征在于，所述根据所述页面资源中为各个字符定义的字体大小及预先获取到的适合在移动终端显示的页面中字符字体大小的统计值确定所述指定网页的页面的宽度值包括：

根据所述页面资源中为各个字符定义的字体大小计算出所述指定网页中字符的字体大小平均值；

如果所述指定网页中字符的字体大小平均值大于或等于所述字符字体大小的统计值，则将所述页面宽度的最大值确定为所述指定网页的页面宽度值；

或者，

如果所述指定网页中字符的字体大小平均值小于所述字符字体大小的统计值，则将所述指定网页的页面宽度值取为预设的宽度值。

8.根据权利要求1至7任一项所述的方法，其特征在于，所述根据所述缩放系数对所述指定网页的页面进行缩放包括：

根据所述缩放系数对所述指定网页中的各个页面元素的横纵坐标值和/或宽度高度值进行缩放处理，以便实现对所述指定网页的页面进行缩放。

9.一种在移动终端中显示网页的系统，其特征在于，包括：

页面资源获取单元，用于当需要在移动终端中显示指定网页时，获取所述指定网页的页面资源；

页面宽度值获取单元，用于从所述页面资源中提取所述指定网页的页面描述信息，如果所述页面描述信息中不包含页面宽度值信息，则根据所述页面资源中定义的信息以及预先获取到的页面宽度统计值，获取所述指定网页的页面宽度值；所述页面宽度的统计值为通过对适合在移动终端中显示的网页进行统计得出的页面宽度统计值；

缩放系数获取单元，用于将移动终端屏幕宽度值与所述页面宽度值进行比例计算，得到一缩放系数；

页面缩放单元，用于对所述指定网页中的页面元素进行绘制及显示，其中根据所述缩放系数对所述指定网页的页面进行缩放。

10.根据权利要求9所述的系统，其特征在于，所述页面资源中定义的信息包括为所述指定网页定义的版本信息。

11.根据权利要求10所述的系统，其特征在于，所述页面宽度的统计值包括通过对具有版本信息的网页进行统计，得到的各个版本的网页对应的页面宽度值；所述页面宽度值获取单元包括：

版本信息获取子单元，用于获取所述页面资源中为所述指定网页定义的版本信息；

第一页面宽度值确定子单元，用于根据为所述指定网页定义的版本信息以及所述各个版本的网页对应的页面宽度值，确定所述指定网页的页面宽度值。

12.根据权利要求9所述的系统，其特征在于，所述页面资源中定义的信息包括为页面元素定义的绝对宽度值。

13.根据权利要求12所述的系统，其特征在于，所述页面宽度值获取单元包括：

页面元素绝对宽度值获取子单元，用于获得所述页面资源中为各个页面元素定义的绝对宽度值，从中提取页面元素的最大绝对宽度值；

第二页面宽度值确定子单元，用于将所述页面元素的最大绝对宽度值与所述页面宽度的统计值进行比对，根据比对结果确定所述指定网页的页面宽度值。

14.根据权利要求13所述的系统，其特征在于，所述页面宽度的统计值包括页面宽度的最大值及最小值；

所述第二页面宽度值确定子单元包括：

第一确定子单元，用于如果所述页面元素的最大绝对宽度值位于所述页面宽度的最大值与最小值之间，则将所述各个页面元素的绝对宽度值中的最大值确定为所述指定网页的页面宽度值；

或者，

第二确定子单元，用于如果所述页面元素的最大绝对宽度值大于所述页面宽度的最大值，则将所述页面宽度统计值的最大值确定为所述指定网页的页面宽度值；

或者，

第三确定子单元，用于如果所述页面元素的最大绝对宽度值小于页面宽度的最小值，则根据所述页面资源中为各个字符定义的字体大小及预先获取到的适合在移动终端显示的页面中字符字体大小的统计值确定所述指定网页的页面宽度值。

15.根据权利要求14所述的系统，其特征在于，所述第三确定子单元具体用于：

根据所述页面资源中为各个字符定义的字体大小计算出所述指定网页中字符的字体大小平均值；

如果所述指定网页中字符的字体大小平均值大于或等于所述字符字体大小的统计值，则将所述页面宽度的最大值确定为所述指定网页的页面宽度值；

或者，

如果所述指定网页中字符的字体大小平均值小于所述字符字体大小的统计值，则将所述指定网页的页面宽度值取为预设的宽度值。

16.根据权利要求9至15任一项所述的系统，其特征在于：

所述页面缩放单元具体用于：根据所述缩放系数对所述指定网页中的各个页面元素的横纵坐标值和/或宽度高度值进行缩放处理，以便实现对所述指定网页的页面进行缩放。

Images