CN102637198A - 网页内容显示的实现方法、装置、浏览器及移动终端 - Google Patents

Abstract

本发明公开了一种网页内容显示的实现方法、装置、浏览器及移动终端。其中，该方法包括：在接收到输入的缩放命令后，获取缩放命令对应的缩放中心点；执行缩放命令，获取缩放中心点在缩放后相对于网页的第一坐标信息；将缩放后的缩放中心点作为显示窗口的中心点，并结合获取的第一坐标信息，获取缩放后显示窗口相对于网页的第二坐标信息；根据显示窗口的第二坐标信息，显示网页在缩放后位于显示窗口的内容。通过本发明，在网页缩放后，将进行网页缩放前用户浏览的区域显示在浏览器可视区域，避免了用户进行网页移动，提高了用户体验。

Description

网页内容显示的实现方法、装置、浏览器及移动终端

技术领域

本发明涉及移动通信领域，具体而言，涉及一种网页内容显示的实现方法、装置、浏览器及移动终端。

背景技术

目前，大多数浏览器都具有网页缩放的功能，用户可以通过网页缩放功能，对正在浏览的网页页面进行放大或缩小。当用户对网页进行缩放后，网页的结构将发生变化，而浏览器的可视区域大小不会改变。

由于网页的结构发生了变化，而可视区域的大小没变，因此会造成缩放前的浏览区域和缩放后的浏览区域不一致，原来正在浏览的区域在缩放后会偏移到浏览器的其他区域。尤其对于显示屏幕较小的便携式电子设备，网页缩放会使浏览区域发生更大的偏移，造成用户当前浏览的区域在缩放后全部或部分进入浏览器的不可视区域，用户在网页缩放后需要移动网页才能重新看到缩放前的网页区域。

针对相关技术中网页缩放后，用户缩放前浏览的区域部分或全部进入浏览器的不可视区域，使得用户需要移动缩放后的网页才能浏览网页缩放前浏览的内容的问题，目前尚未提出有效的解决方案。

发明内容

针对网页缩放后用户当前浏览区域发生偏移，使得用户需要移动缩放后的网页以浏览缩放前正在浏览的内容的问题，本发明提供了一种网页内容显示的实现方案，以至少解决上述问题。

根据本发明的一个方面，提供了一种网页内容显示的实现方法，包括：在接收到输入的缩放命令后，获取所述缩放命令对应的缩放中心点；执行所述缩放命令，获取所述缩放中心点在缩放后相对于所述网页的第一坐标信息；将缩放后的所述缩放中心点作为显示窗口的中心点，并结合获取的所述第一坐标信息，获取缩放后所述显示窗口相对于所述网页的第二坐标信息；根据所述显示窗口的第二坐标信息，显示所述网页在缩放后位于所述显示窗口的内容。

优选地，将缩放后的所述缩放中心点作为当前显示窗口的中心点，并结合获取的所述第一坐标信息，获取缩放后所述显示窗口相对于所述网页的第二坐标信息，包括：按照以下公式获取缩放后所述显示窗口相对于所述网页的第二坐标信息：

X2＝Xf-W/2；

Y2＝Yf-H/2；

其中，(X2，Y2)为所述显示窗口的左上角顶点相对于所述网页的坐标信息，(Xf，Yf)为上述第一坐标信息，W为所述显示窗口的宽度，H为所述显示窗口的高度。

优选地，在执行所述缩放命令之前，所述方法还包括：获取所述缩放中心点在所述网页中所对应的节点区域中的位置比例；获取所述缩放中心点在缩放后相对于所述网页的第一坐标信息，包括：获取缩放后的所述节点区域相对于所述网页的坐标区域信息；将缩放后的所述缩放中心点作为显示窗口的中心点，并结合所述获取的第一坐标信息，获取缩放后所述显示窗口相对于所述网页的第二坐标信息，包括：根据所述位置比例以及所述节点区域在缩放后相对于所述网页的坐标区域信息，获取缩放后所述显示窗口相对于所述网页的第二坐标信息。

优选地，获取所述缩放中心点在所述网页中所对应的节点区域中的位置比例，包括：获取缩放前所述缩放中心点相对于所述网页的第三坐标信息(Xp1，Yp1)；根据获取的所述第三坐标信息，定位所述缩放中心点所对应的所述网页的节点区域；获取所述节点区域相对于所述网页的坐标区域(Xn，Yn)(Wn，Hn)，其中，(Xn，Yn)为所述节点区域的左上角顶点相对于所述网页的坐标信息，Wn为所述节点区域的宽度，Hn为所述节点区域的高度；根据所述第三坐标信息和所述节点区域的所述坐标区域，获取所述缩放中心点在所述节点区域中的位置比例，其中，所述位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY：

PercentX＝(Xp1-Xn)/Wn，

PercentY＝(Yp1-Yn)/Hn；

获取缩放后的所述节点区域相对于所述网页的坐标区域信息，包括：获取缩放后所述节点区域相对于所述网页的坐标区域(Xm，Ym)(Wm，Hm)，其中，(Xm，Ym)为所述节点区域的左上角顶点相对于所述网页的坐标信息，Wm为所述节点区域的宽度，Hm为所述节点区域的高度；

根据所述节点区域在缩放后相对于所述网页的坐标区域信息及所述位置比例，获取缩放后所述显示窗口相对于所述网页的第二坐标信息，包括：按照以下公式获取缩放后所述显示窗口相对于所述网页的第二坐标信息：

X2＝Xm+PercentX*Wm-W/2；

Y2＝Ym+PercentY*Hm-H/2；

其中，(X2，Y2)为所述显示窗口的左上角顶点相对于所述网页的坐标信息，W为所述显示窗口的宽度，H为所述显示窗口的高度。

优选地，所述节点区域为预先划分的所述网页的文本区域或图片区域。

优选地，在接收到输入的缩放命令后，获取所述缩放命令对应的缩放中心点，包括：响应用户通过多点接触触摸显示屏输入的所述缩放命令，获取所述用户接触的多点的中心点，将所述中心点作为所述缩放中心点；或者，响应用户输入的缩放命令，获取所述缩放命令的缩放中心点，包括：响应用户通过缩放按键输入的所述缩放命令，将所述显示窗口的中心点作为所述缩放中心点。

根据本发明的另一方面，提供了一种网页内容显示的实现装置，包括：第一获取模块，用于在接收到输入的缩放命令后，获取所述缩放命令对应的缩放中心点；第二获取模块，用于执行所述缩放命令，获取所述缩放中心点在缩放后相对于所述网页的第一坐标信息；第三获取模块，用于将缩放后的所述缩放中心点作为显示窗口的中心点，并结合获取的所述第一坐标信息，获取缩放后所述显示窗口相对于所述网页的第二坐标信息；显示模块，用于根据所述显示窗口的第二坐标信息，显示所述网页在缩放后位于所述显示窗口的内容。

优选地，上述第三获取模块按照以下公式获取缩放后所述显示窗口相对于所述网页的第二坐标信息：

X2＝Xf-W/2；

Y2＝Yf-H/2；

其中，(X2，Y2)为所述显示窗口的左上角顶点相对于所述网页的坐标信息，(Xf，Yf)为上述第一坐标信息，W为所述显示窗口的宽度，H为所述显示窗口的高度。

优选地，所述装置还包括：第四获取模块，用于在执行所述缩放命令之前，获取所述缩放中心点在所述网页中所对应的节点区域中的位置比例；所述第二获取模块，还用于获取缩放后的所述节点区域相对于所述网页的坐标区域信息；所述第三获取模块，还用于根据所述节点区域在缩放后相对于所述网页的坐标区域信息及所述位置比例，获取缩放后所述显示窗口相对于所述网页的第二坐标信息。

优选地，所述第四获取模块，包括：包括：第一获取单元，用于获取缩放前所述缩放中心点相对于所述网页的第三坐标信息(Xp1，Yp1)；定位单元，用于根据获取的所述第三坐标信息，定位所述缩放中心点所对应的所述网页的节点区域；第二获取单元，用于获取所述节点区域相对于所述网页的坐标区域(Xn，Yn)(Wn，Hn)，其中，(Xn，Yn)为所述节点区域的左上角顶点相对于所述网页的坐标信息，Wn为所述节点区域的宽度，Hn为所述节点区域的高度；比例确定单元，用于根据所述第一获取单元获取的第三坐标信息和第二获取单元获取的所述节点区域相对于所述网页的所述坐标区域，获取所述缩放中心点在所述节点区域中的位置比例，其中，所述位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY：

PercentX＝(Xp1-Xn)/Wn，

PercentY＝(Yp1-Yn)/Hn；

上述第二获取模块，还用于获取缩放后所述节点区域相对于所述网页的坐标区域(Xm，Ym)(Wm，Hm)，其中，(Xm，Ym)为所述节点区域的左上角顶点相对于所述网页的坐标信息，Wm为所述节点区域的宽度，Hm为所述节点区域的高度；

上述第三获取模块，还用于根据比例确定单元和第二获取模块得到的结果，按照以下公式获取缩放后所述显示窗口相对于所述网页的第二坐标信息：

X2＝Xm+PercentX-W/2；

Y2＝Ym+PercentY-H/2；

其中，(X2，Y2)为所述显示窗口的左上角顶点相对于所述网页的坐标信息，W为所述显示窗口的宽度，H为所述显示窗口的高度。

根据本发明的又一方面，提供了一种浏览器，包括：本发明提供的上述网页内容显示的实现装置。

根据本发明的再一方面，提供了一种移动终端，包括：本发明提供的上述浏览器。

通过本发明，在接收到输入的缩放命令后，获取缩放命令对应的缩放中心点；执行缩放命令，获取缩放中心点在缩放后相对于网页的第一坐标信息；将缩放后的缩放中心点作为显示窗口的中心点，获取缩放后显示窗口相对于网页的第二坐标信息；根据显示窗口的第二坐标信息，显示网页在缩放后位于显示窗口的内容。因此，本发明实现了在网页缩放后，可以将进行网页缩放前用户浏览的区域显示在浏览器可视区域，保持用户的浏览的一致性，避免了用户进行网页移动操作实现位置调整的麻烦，提高了用户体验。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例一的网页内容显示的实现方法的流程图；

图2是根据本发明实施例二的网页内容显示的实现方法的流程图；

图3是根据本发明实施例三的网页内容显示的实现装置的结构框图；

图4是根据本发明实施例三的优选网页内容显示的实现装置的结构框图；

图5是根据本发明实施例三的优选第四获取模块的结构框图；

图6是wap页面放大前的网页内容显示的效果图；

图7是wap页面放大中的网页内容显示的效果图；

图8是wap页面放大后并且自动居中对齐后的网页内容显示的效果图；

图9是www页面缩小前的网页内容显示的效果图；

图10是www页面缩小中的网页内容显示的效果图；

图11是www页面缩小后并且自动居中对齐后的网页内容显示的效果图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

实施例一

根据本发明实施例，提供了一种网页内容显示的实现方法，可以实现在网页缩放后，将进行网页缩放前用户浏览的区域显示在浏览器可视区域，保持用户的浏览的一致性，避免了用户进行网页移动操作。

图1是根据本发明实施例一的网页内容显示的实现方法的流程图，如图1所示，该方法包括以下几个步骤(步骤S102-步骤S108)：

步骤S102，在接收到输入的缩放命令后，获取缩放命令对应的缩放中心点。

步骤S104，执行缩放命令，获取缩放中心点在缩放后相对于网页的第一坐标信息。

步骤S106，将缩放后的缩放中心点作为显示窗口的中心点，并结合获取的第一坐标信息，获取缩放后显示窗口相对于网页的第二坐标信息。

步骤S108，根据显示窗口的第二坐标信息，显示网页在缩放后位于显示窗口的内容。

通过本发明实施例，接收到用户输入的缩放命令后获取缩放命令对应的缩放中心点；执行缩放命令后，获取缩放中心点在缩放后相对于网页的第一坐标信息；将缩放后的缩放中心点作为当前显示窗口的中心点，获取缩放后显示窗口相对于网页的第二坐标信息；根据显示窗口的第二坐标信息，显示网页在缩放后位于显示窗口的内容。因此，本发明实现了在网页缩放后，可以将进行网页缩放前用户浏览的区域显示在浏览器可视区域，保持用户浏览的一致性，避免了用户进行网页移动操作实现位置调整的麻烦，提高了用户体验。

在本发明实施例中，用户可以通过多点接触触摸显示器进行网页缩放操作，也可以通过浏览器的缩放按钮进行网页缩放操作，针对不同的缩放操作方式，在缩放过程中可以选取不同的缩放中心点。

在本发明实施例的一个优选实施方式中：

1)在用户通过多点接触触摸显示器进行网页缩放操作的情况下，接收用户输入的缩放命令后，获取缩放命令对应的缩放中心点，可以包括：接收用户通过多点接触触摸显示屏输入的缩放命令，获取用户接触的多点的中心点，将用户接触的多点的中心点作为缩放中心点。

2)在用户通过缩放按钮进行网页缩放操作的情况下，接收用户输入的缩放命令后，获取缩放命令对应的缩放中心点，可以包括：接收用户通过缩放按键输入的缩放命令，将显示窗口的中心点作为缩放中心点。

在接收到输入的缩放命令后，获取缩放命令对应的的缩放中心点，获取到该缩放中心点之后，可以执行缩放命令，获取缩放中心点在缩放后相对于网页的第一坐标信息，在本发明实施例中，第一坐标信息可以标记为(Xf，Yf)，(Xf，Yf)为缩放后的缩放中心点相对于网页的坐标信息。

获取到缩放中心点在缩放后相对于网页的第一坐标信息后，可以以缩放中心点为显示窗口的中心，调整当前窗口的位置，使用户缩放前浏览的区域显示在窗口内的可视区域。在本发明实施例的一个优选实施方式中，将缩放后的缩放中心点作为当前显示窗口的中心点，获取缩放后显示窗口相对于网页的第二坐标信息，可以包括：

按照以下公式获取缩放后所述显示窗口相对于网页的第二坐标信息：

X2＝Xf-W/2；

Y2＝Yf-H/2；

其中，(X2，Y2)为显示窗口的左上角顶点相对于网页的坐标信息，(Xf，Yf)为第一坐标信息(即缩放后的缩放中心点相对于网页的坐标信息)，W为显示窗口的宽度，H为显示窗口的高度。

进一步的，为了更精确地将缩放前用户浏览的区域显示在窗口，可以先定位缩放中心点所对应的网页的节点区域，并获取缩放中心点在节点区域中的位置比例，在调整缩放后的窗口位置时，可以根据获取的比例位置进行调整。

因此，在本发明实施例的一个优选实施方式中，在执行缩放命令之前，还可以获取缩放中心点在网页中所对应的节点区域中的位置比例。此时，获取缩放中心点在缩放后相对于所述网页的第一坐标信息为获取缩放后的节点区域相对于网页的坐标区域信息。获取到位置比例和第一坐标信息后，可以根据位置比例以及节点区域在缩放后相对于网页的坐标区域信息，获取缩放后显示窗口相对于网页的第二坐标信息。

鉴于上述优选实施方式，在本发明实施例的另一个优选实施方式中，可以通过以下步骤获取所述缩放中心点在所述网页中所对应的节点区域中的位置比例：

获取缩放前缩放中心点相对于网页的第三坐标信息(Xp1，Yp1)；

根据获取的第三坐标信息，定位缩放中心点所对应的网页的节点区域；

获取节点区域相对于网页的坐标区域(Xn，Yn)(Wn，Hn)，其中，(Xn，Yn)为节点区域的左上角顶点相对于网页的坐标信息，Wn为节点区域的宽度，Hn为节点区域的高度；

根据第三坐标信息和节点区域的坐标区域，获取缩放中心点在节点区域中的位置比例，其中，位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY：

PercentX＝(Xp1-Xn)/Wn，

PercentY＝(Yp1-Yn)/Hn。

鉴于上述优选实施方式，可以获取缩放后节点区域相对于网页的坐标区域(Xm，Ym)(Wm，Hm)，其中，(Xm，Ym)为节点区域的左上角顶点相对于网页的坐标信息，Wm为节点区域的宽度，Hm为节点区域的高度。

根据节点区域在缩放后相对于所述网页的坐标区域信息及获取的位置比例，可以按照以下公式获取缩放后显示窗口相对于网页的第二坐标信息：

X2＝Xm+PercentX*Wm-W/2；

Y2＝Ym+PercentY*Hm-H/2；

其中，(X2，Y2)为显示窗口的左上角顶点相对于网页的坐标信息，W为显示窗口的宽度，H为显示窗口的高度。

获取缩放后显示窗口相对于网页的第二坐标信息后，根据坐标(X2，Y2)进行位置移动。坐标(X2，Y2)，即浏览器的可视窗口移动到的区域坐标，因此将可视窗口移动到该坐标，并显示网页在缩放后位于显示窗口的内容。这样，使得缩放后还能自动将内容调整到屏幕中心显示。

在本发明实施例的一个优选实施方式中，上述节点区域可以为预先划分的网页的文本区域或图片区域。

实施例二

根据本发明实施例，可以实现在用户对网页比例进行缩放(多点触摸放大/缩小、或点击缩放按钮)之后，对网页进行自动重新排版，并且将用户之前正在看的内容对齐到屏幕中央去，从而就省得用户再手动调整阅读位置。

在本发明实施例中，网页大小为：整个网页的大小；窗口大小为：浏览器可视的窗口的大小；窗口位置为：浏览器可视窗口左上角在整个网页中的坐标。点的坐标表示为(X，Y)，X为该点的X轴坐标，Y为该点的Y轴坐标。区域的区域坐标表示为(X，Y)，(W，H)，其中，X为该区域的左上角的X轴坐标，Y为该区域的左上角的Y轴坐标，W为该区域的宽度，H为该区域的高度。

以手机浏览器的窗口宽度、高度分别为W、H，并且窗口的位置为(X1，Y1)为例，当前网页的缩放比例表示为Z1。此时用户对网页进行缩放(放大或缩小)操作，通过多点触摸或者缩放按钮均可，并且操作后的缩放比例为Z2。在本发明实施例中，以用户使用两点触摸进行缩放为例进行说明。

图2是根据本发明实施例二的网页内容显示的实现方法的流程图，如图2所示该方法可以包括以下几个步骤(步骤S202-步骤S214)。

步骤S202，计算用户两点触摸的中心点在屏幕中的坐标，即(Xp，Yp)，并计算相对整个网页的坐标为(Xp+X1，Yp+Y1)即(Xp1，Yp1)。

在获取到用户的缩放操作后，该步骤开始计算用户两点触摸的中心点在屏幕中的坐标。

其中，两点触摸的中心点的坐标(Xp，Yp)是通过以下公式计算的：浏览器给出用户在屏幕上触摸的两个点的坐标，分别为(Xa，Ya)以及(Xb，Yb)，然后计算Xp＝(Xa+Xb)/2，Yp＝(Ya+Yb)/2。

步骤S204，通过计算所得的中心点相对整个网页的坐标(Xp1，Yp1)，定位坐标(Xp1，Yp1)所对应的网页中的节点(文本、图片等)，该节点可以标记为“Node”。

步骤S206，计算该Node的坐标区域(Xn，Yn)(Wn，Hn)。其中，Xn为节点区域的左上角的X轴坐标，Yn为节点区域的左上角的Y轴坐标，Wn为节点区域的宽度，Hn为节点区域的高度。

关于节点的区域的计算，根据HTML4.1以及CSS2.1的官方规范对网页进行排版，然后根据Dom规范找出该元素(文本、图片等)对应的节点，然后浏览器会给出该节点的排版区域，该区域就是x坐标、y坐标、宽度、高度。通过该方式，可以得到Node的坐标区域。

步骤S208，计算中心点在Node节点中的位置比例。其中，该位置比例可以通过如下公式确定：水平方向中的比例为PercentX＝(Xp1-Xn)/Wn，垂直方向中的比例为PercentY＝(Yp 1-Yn)/Hn。

步骤S210，页面进行缩放，并重新排版，由于排版时会对屏幕宽度进行折行，所以排版结构会有所变化。在新排版的结果下，计算Node的新坐标区域(Xm，Ym)(Wm，Hm)。

该步骤响应用户的缩放操作(例如用户的两点触摸缩放动作)进行缩放，在进行缩放和排版之前，还会记录前述步骤得到的各个参数。

Node的新坐标区域的获取方式与步骤206中的描述相同。

步骤S212，根据步骤S208中计算所得的比例值，以及屏幕宽度、高度，计算新的窗口位置。

新的窗口位置为X2＝Xm+Wm*PercentX-W/2，Y2＝Ym+Hm*PercentY-H/2，即这个时候设置可视区域窗口的位置为(X2，Y2)。

步骤S214，根据窗口的坐标为(X2，Y2)进行位置移动。

坐标(X2，Y2)，即浏览器的可视窗口移动到的区域坐标。根据计算所得的窗口的坐标，将可视窗口移动到该坐标，并显示网页在缩放后位于显示窗口的内容。这样，使得缩放后还能自动将内容调整到屏幕中心显示，保存用户的浏览的一致性。

可以发现，本发明通过上述步骤，实现了网页缩放后的自动居中对齐。

上述介绍的是通过多点触摸进行缩放的情况，对于用户使用的是普通缩放按钮进行缩放的情况，即没有一个两点的中心点。此时的步骤与上述步骤基本一致，区别在于步骤S202中的两点触摸中心点(Xp，Yp)，不再是两点的中心点，而是屏幕的中心点(窗口的中心点)，即Xp＝W/2，Yp＝H/2，其余步骤基本相同。

实施例三

对应于本发明上述实施例提供的网页内容显示的实现方法，本发明实施例还提供了一种网页内容显示的实现装置。

图3是根据本发明实施例三的网页内容显示的实现装置的结构框图，如图3所示，该装置可以包括：第一获取模块10、第二获取模块20、第三获取模块30和显示模块40。第一获取模块10，用于在接收到输入的缩放命令后，获取缩放命令对应的缩放中心点；第二获取模块20，与第一获取模块10相连接，用于执行缩放命令，获取缩放中心点在缩放后相对于网页的第一坐标信息；第三获取模块30，与第二获取模块20相连接，用于将缩放后的缩放中心点作为显示窗口的中心点，并结合所述获取的第一坐标信息，获取缩放后显示窗口相对于网页的第二坐标信息；显示模块40，与第三获取模块30相连接，用于根据显示窗口的第二坐标信息，显示网页在缩放后位于显示窗口的内容。

通过本发明实施例，响应用户输入的缩放命令，获取缩放命令的缩放中心点；执行缩放命令后，获取缩放中心点在缩放后相对于网页的第一坐标信息；将缩放后的缩放中心点作为当前显示窗口的中心点，获取缩放后显示窗口相对于网页的第二坐标信息；根据显示窗口的第二坐标信息，显示网页在缩放后位于显示窗口的内容。实现了在网页缩放后，将进行网页缩放前用户浏览的区域显示在浏览器可视区域，保持用户浏览的一致性，避免了用户进行网页移动操作，提高了用户体验。

在本发明实施例中，用户可以通过多点接触触摸显示器进行网页缩放操作，也可以通过浏览器的缩放按钮进行网页缩放操作，针对不同的缩放操作方式，在缩放过程中可以选取不同的缩放中心点。

在本发明实施例的一个优选实施方式中，在用户通过多点接触触摸显示器进行网页缩放操作的情况下，第一获取模块10可以响应用户通过多点接触触摸显示屏输入的缩放命令，获取用户接触的多点的中心点，将用户接触的多点的中心点作为缩放中心点。在用户通过缩放按钮进行网页缩放操作的情况下，第一获取模块10，可以响应用户通过缩放按键输入的缩放命令，将显示窗口的中心点作为缩放中心点。

响应用户输入的缩放命令，获取缩放命令的缩放中心点之后，可以执行缩放命令，获取缩放中心点在缩放后相对于网页的第一坐标信息，在本发明实施例中，第一坐标信息可以标记为(Xf，Yf)，(Xf，Yf)为缩放后的缩放中心点相对于网页的坐标信息。

获取到缩放中心点在缩放后相对于网页的第一坐标信息后，可以以缩放中心为显示窗口的中心，调整当前窗口的位置，使用户缩放前浏览的区域显示在窗口内的可视区域。在本发明实施例的一个优选实施方式中，第三获取模块30可以按照以下公式获取缩放后显示窗口相对于网页的第二坐标信息：

X2＝Xf-W/2；

Y2＝Yf-H/2；

其中，(X2，Y2)为显示窗口的左上角顶点相对于网页的坐标信息，(Xf，Yf)为上述第一坐标信息(即缩放后的缩放中心的坐标信息)，W为显示窗口的宽度，H为显示窗口的高度。

进一步的，为了更精确地将缩放前用户浏览的区域显示在窗口，可以先定位缩放中心点所对应的网页的节点区域，并获取缩放中心点在节点区域中的位置比例，在调整缩放后的窗口位置时，可以根据获取的比例位置进行调整。在本发明实施例的一个优选实施方式中，如图4所示，该装置还可以包括：第四获取模块50，与第一获取模块10相连接，用于在执行缩放命令之前，获取缩放中心点在网页中所对应的节点区域中的位置比例；第二获取模块20，还用于获取缩放后的节点区域相对于网页的坐标区域信息；第三获取模块30，还用于根据上述节点区域在缩放后相对于网页的坐标区域信息及获取的位置比例，获取缩放后显示窗口相对于网页的第二坐标信息。

鉴于上述优选实施方式，如图5所示，第四获取模块50可以包括：第一获取单元502，用于获取缩放前缩放中心点相对于网页的第三坐标信息(Xp1，Yp1)；定位单元504，与第一获取单元502相连接，用于根据获取的第三坐标信息，定位缩放中心点所对应的网页的节点区域；第二获取单元506，与定位单元504相连接，用于获取节点区域相对于网页的坐标区域(Xn，Yn)(Wn，Hn)，其中，(Xn，Yn)为节点区域的左上角顶点相对于网页的坐标信息，Wn为节点区域的宽度，Hn为节点区域的高度；比例确定单元508，与第二获取单元506相连接，用于根据第一获取单元502获取的第三坐标信息和第二获取单元506获取的节点区域相对于网页的坐标区域，获取缩放中心点在上述节点区域中的位置比例，其中，该位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY：

PercentX＝(Xp1-Xn)/Wn，

PercentY＝(Yp1-Yn)/Hn。

鉴于上述优选实施方式，上述第二获取模块20，还用于获取缩放后缩放中心点所对应的网页的节点区域相对于所述网页的坐标区域(Xm，Ym)(Wm，Hm)，其中，(Xm，Ym)为该节点区域的左上角顶点相对于网页的坐标信息，Wm为该节点区域的宽度，Hm为该节点区域的高度。

上述第三获取模块30，还用于根据比例确定单元508和第二获取模块20得到的结果，按照以下公式获取缩放后显示窗口相对于网页的第二坐标信息：

X2＝Xm+PercentX*Wm-W/2；

Y2＝Ym+PercentY*Hm-H/2；

其中，(X2，Y2)为显示窗口的左上角顶点相对于网页的坐标信息，W为显示窗口的宽度，H为显示窗口的高度。

根据本发明实施例，提供了一种浏览器，可以包括：本发明实施例提供的上述网页内容显示的实现装置。

根据本发明实施例，还提供了一种便携式电子设备，例如是移动终端，可以包括：本发明实施例提供的上述装置。

通过本发明上述实施例提供的网页内容的显示方案，可以实现缩放后的网页内容自动居中对齐，方便用户浏览。对了更具体的描述本发明实施的效果，下面通过两个具体实例，对本发明实施例的提供的网页内容的显示方案的效果进行描述。

图6是wap页面放大前的网页内容显示的效果图，用户对如图6所示的页面进行多点触摸放大，该缩放的中心点位于图中的“浏览原图”，放大之后区域发生变化，如图7所示(图7是wap页面放大中的网页内容显示的效果图)，通过本发明实施例提供的方案对该页面进行重新折行排版，通过计算并移动视窗位置，将“浏览原图”对准在屏幕中间处，达到如图8所示的效果，图8是wap页面放大后并且自动居中对齐后的网页内容实现的效果图。

图9是www页面缩小前的网页内容显示的效果图，用户对如图9所示的页面进行多点触摸缩小，该缩放的中心点在“UC浏览器“那一段文本里，然后放大之后区域发生变化，如图10所示(图10是www页面缩小中的网页内容显示的效果图)，通过本发明实施例提供的方案对该页面进行重新折行排版，通过计算并移动视窗位置，将“UC浏览器”那段文本对准在屏幕中间处，达到如图11所示的效果，图11是www页面缩小后并且自动居中对齐后的网页内容显示的效果图。

从以上的描述中，可以看出，本发明实现了如下技术效果：在接收到输入的缩放命令后，获取缩放命令的缩放中心点；执行缩放命令后，获取缩放中心点在缩放后相对于网页的第一坐标信息；将缩放后的缩放中心点作为当前显示窗口的中心点，获取缩放后显示窗口相对于网页的第二坐标信息；根据显示窗口的第二坐标信息，显示网页在缩放后位于显示窗口的内容。本发明实现了在网页缩放后，将进行网页缩放前用户浏览的区域显示在浏览器可视区域，保持用户浏览的一致性，进一步的，可以先定位缩放中心点所对应的网页的节点区域，并获取缩放中心点在节点区域中的位置比例，在调整缩放后的窗口位置时，可以根据获取的比例位置进行调整，实现了更精确地将缩放前用户浏览的区域显示在窗口。本发明避免了用户进行网页移动操作，提高了用户体验。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (12)

1.一种网页内容显示的实现方法，其特征在于，包括：

在接收到输入的缩放命令后，获取所述缩放命令对应的缩放中心点；

执行所述缩放命令，获取所述缩放中心点在缩放后相对于所述网页的第一坐标信息；

将缩放后的所述缩放中心点作为显示窗口的中心点，并结合获取的所述第一坐标信息，获取缩放后所述显示窗口相对于所述网页的第二坐标信息；

根据所述显示窗口的第二坐标信息，显示所述网页在缩放后位于所述显示窗口的内容。

2.根据权利要求1所述的方法，其特征在于，所述将缩放后的所述缩放中心点作为显示窗口的中心点，并结合获取的所述第一坐标信息，获取缩放后所述显示窗口相对于所述网页的第二坐标信息，包括：

按照以下公式获取缩放后所述显示窗口相对于所述网页的第二坐标信息：

X2＝Xf-W/2；

Y2＝Yf-H/2；

其中，(X2，Y2)为所述显示窗口的左上角顶点相对于所述网页的坐标信息，(Xf，Yf)为所述第一坐标信息，W为所述显示窗口的宽度，H为所述显示窗口的高度。

3.根据权利要求1所述的方法，其特征在于，

在执行所述缩放命令之前，所述方法还包括：获取所述缩放中心点在所述网页中所对应的节点区域中的位置比例；

获取所述缩放中心点在缩放后相对于所述网页的第一坐标信息，包括：获取缩放后的所述节点区域相对于所述网页的坐标区域信息；

将缩放后的所述缩放中心点作为显示窗口的中心点，并结合获取的所述第一坐标信息，获取缩放后所述显示窗口相对于所述网页的第二坐标信息，包括：根据所述位置比例以及所述节点区域在缩放后相对于所述网页的坐标区域信息，获取缩放后所述显示窗口相对于所述网页的第二坐标信息。

4.根据权利要求3所述的方法，其特征在于，

获取所述缩放中心点在所述网页中所对应的节点区域中的位置比例，包括：

获取缩放前所述缩放中心点相对于所述网页的第三坐标信息(Xp1，Yp1)；

根据获取的所述第三坐标信息，定位所述缩放中心点所对应的所述网页的所述节点区域；

获取所述节点区域相对于所述网页的坐标区域(Xn，Yn)(Wn，Hn)，其中，(Xn，Yn)为所述节点区域的左上角顶点相对于所述网页的坐标信息，Wn为所述节点区域的宽度，Hn为所述节点区域的高度；

根据所述第三坐标信息和所述节点区域相对于所述网页的所述坐标区域，获取所述缩放中心点在所述节点区域中的所述位置比例，其中，所述位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY：

PercentX＝(Xp1-Xn)/Wn，

PercentY＝(Yp1-Yn)/Hn；

获取缩放后的所述节点区域相对于所述网页的坐标区域信息，包括：

获取缩放后所述节点区域相对于所述网页的坐标区域(Xm，Ym)(Wm，Hm)，其中，(Xm，Ym)为所述节点区域的左上角顶点相对于所述网页的坐标信息，Wm为所述节点区域的宽度，Hm为所述节点区域的高度；

根据所述节点区域在缩放后相对于所述网页的坐标区域信息及所述位置比例，获取缩放后所述显示窗口相对于所述网页的第二坐标信息，包括：

按照以下公式获取缩放后所述显示窗口相对于所述网页的第二坐标信息：

X2＝Xm+PercentX*Wm-W/2；

Y2＝Ym+PercentY*Hm-H/2；

其中，(X2，Y2)为所述显示窗口的左上角顶点相对于所述网页的坐标信息，W为所述显示窗口的宽度，H为所述显示窗口的高度。

5.根据权利要求3所述的方法，其特征在于，所述节点区域为预先划分的所述网页的文本区域或图片区域。

6.根据权利要求1至5中任一项所述的方法，其特征在于，在接收到输入的缩放命令后，获取所述缩放命令对应的缩放中心点，包括：

响应用户通过多点触摸输入的所述缩放命令，获取所述用户接触的多点的中心点，将所述中心点作为所述缩放中心点；或者

响应用户通过缩放按键输入的所述缩放命令，将所述显示窗口的中心点作为所述缩放中心点。

7.一种网页内容显示的实现装置，其特征在于，包括：

第一获取模块，用于在接收到输入的缩放命令后，获取所述缩放命令对应的缩放中心点；

第二获取模块，用于执行所述缩放命令，获取所述缩放中心点在缩放后相对于所述网页的第一坐标信息；

第三获取模块，用于将缩放后的所述缩放中心点作为显示窗口的中心点，并结合获取的所述第一坐标信息，获取缩放后所述显示窗口相对于所述网页的第二坐标信息；

显示模块，用于根据所述显示窗口的第二坐标信息，显示所述网页在缩放后位于所述显示窗口的内容。

8.根据权利要求7所述的装置，其特征在于，所述第三获取模块按照以下公式获取缩放后所述显示窗口相对于所述网页的第二坐标信息：

X2＝Xf-W/2；

Y2＝Yf-H/2；

其中，(X2，Y2)为所述显示窗口的左上角顶点相对于所述网页的坐标信息，(Xf，Yf)所述第一坐标信息，W为所述显示窗口的宽度，H为所述显示窗口的高度。

9.根据权利要求7或8所述的装置，其特征在于，

所述装置还包括：第四获取模块，用于在执行所述缩放命令之前，获取所述缩放中心点在所述网页中所对应的节点区域中的位置比例；

所述第二获取模块，还用于获取缩放后的所述节点区域相对于所述网页的坐标区域信息；

所述第三获取模块，还用于根据所述节点区域在缩放后相对于所述网页的坐标区域信息及所述位置比例，获取缩放后所述显示窗口相对于所述网页的第二坐标信息。

10.根据权利要求9所述的装置，其特征在于，

所述第四获取模块，包括：

第一获取单元，用于获取缩放前所述缩放中心点相对于所述网页的第三坐标信息(Xp1，Yp1)；

定位单元，用于根据获取的所述第三坐标信息，定位所述缩放中心点所对应的所述网页的所述节点区域；

第二获取单元，用于获取所述节点区域相对于所述网页的坐标区域(Xn，Yn)(Wn，Hn)，其中，(Xn，Yn)为所述节点区域的左上角顶点相对于所述网页的坐标信息，Wn为所述节点区域的宽度，Hn为所述节点区域的高度；

比例确定单元，用于根据所述第一获取单元获取的第三坐标信息和第二获取单元获取的所述节点区域相对于所述网页的所述坐标区域，获取所述缩放中心点在所述节点区域中的所述位置比例，其中，所述位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY：

PercentX＝(Xp1-Xn)/Wn，

PercentY＝(Yp1-Yn)/Hn；

所述第二获取模块，还用于获取缩放后所述节点区域相对于所述网页的坐标区域(Xm，Ym)(Wm，Hm)，其中，(Xm，Ym)为所述节点区域的左上角顶点相对于所述网页的坐标信息，Wm为所述节点区域的宽度，Hm为所述节点区域的高度；

所述第三获取模块，还用于根据所述比例确定单元和所述第二获取模块得到的结果，按照以下公式获取缩放后所述显示窗口相对于所述网页的第二坐标信息：

X2＝Xm+PercentX*Wm-W/2；

Y2＝Ym+PercentY*Hm-H/2；

其中，(X2，Y2)为所述显示窗口的左上角顶点相对于所述网页的坐标信息，W为所述显示窗口的宽度，H为所述显示窗口的高度。

11.一种浏览器，其特征在于，包括：权利要求7至10中任一项所述的装置。

12.一种移动终端，其特征在于，包括：权利要求11所述的浏览器。

Images