[發明專利]網頁內容顯示的實現方法、裝置、瀏覽器及移動終端

有效

• 申請號: 201210048961.0
• 申請日: 2012-02-28
• 公開（公告）號: CN102637198A
• 公開（公告）日: 2012-08-15
• 發明（設計）人: 梁捷;李海翔
• 申請（專利權）人: 優視科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京康信知識產權代理有限責任公司 11240
• 代理人: 吳貴明;余剛

技術領域

本發明涉及移動通信領域，具體而言，涉及一種網頁內容顯示的實現方法、裝置、瀏覽器及移動終端。

背景技術

目前，大多數瀏覽器都具有網頁縮放的功能，用戶可以通過網頁縮放功能，對正在瀏覽的網頁頁面進行放大或縮小。當用戶對網頁進行縮放后，網頁的結構將發生變化，而瀏覽器的可視區域大小不會改變。

由于網頁的結構發生了變化，而可視區域的大小沒變，因此會造成縮放前的瀏覽區域和縮放后的瀏覽區域不一致，原來正在瀏覽的區域在縮放后會偏移到瀏覽器的其他區域。尤其對于顯示屏幕較小的便攜式電子設備，網頁縮放會使瀏覽區域發生更大的偏移，造成用戶當前瀏覽的區域在縮放后全部或部分進入瀏覽器的不可視區域，用戶在網頁縮放后需要移動網頁才能重新看到縮放前的網頁區域。

針對相關技術中網頁縮放后，用戶縮放前瀏覽的區域部分或全部進入瀏覽器的不可視區域，使得用戶需要移動縮放后的網頁才能瀏覽網頁縮放前瀏覽的內容的問題，目前尚未提出有效的解決方案。

發明內容

針對網頁縮放后用戶當前瀏覽區域發生偏移，使得用戶需要移動縮放后的網頁以瀏覽縮放前正在瀏覽的內容的問題，本發明提供了一種網頁內容顯示的實現方案，以至少解決上述問題。

根據本發明的一個方面，提供了一種網頁內容顯示的實現方法，包括：在接收到輸入的縮放命令后，獲取所述縮放命令對應的縮放中心點；執行所述縮放命令，獲取所述縮放中心點在縮放后相對于所述網頁的第一坐標信息；將縮放后的所述縮放中心點作為顯示窗口的中心點，并結合獲取的所述第一坐標信息，獲取縮放后所述顯示窗口相對于所述網頁的第二坐標信息；根據所述顯示窗口的第二坐標信息，顯示所述網頁在縮放后位于所述顯示窗口的內容。

優選地，將縮放后的所述縮放中心點作為當前顯示窗口的中心點，并結合獲取的所述第一坐標信息，獲取縮放后所述顯示窗口相對于所述網頁的第二坐標信息，包括：按照以下公式獲取縮放后所述顯示窗口相對于所述網頁的第二坐標信息：

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為所述顯示窗口的高度。