專利名稱：網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方法、裝置、瀏覽器及移動終端的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及移動通信領(lǐng)域，具體而言，涉及一種網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方法、裝置、瀏覽器及移動終端。
背景技術(shù)：
目前，大多數(shù)瀏覽器都具有網(wǎng)頁縮放的功能，用戶可以通過網(wǎng)頁縮放功能，對正在瀏覽的網(wǎng)頁頁面進(jìn)行放大或縮小。當(dāng)用戶對網(wǎng)頁進(jìn)行縮放后，網(wǎng)頁的結(jié)構(gòu)將發(fā)生變化，而瀏覽器的可視區(qū)域大小不會改變。由于網(wǎng)頁的結(jié)構(gòu)發(fā)生了變化，而可視區(qū)域的大小沒變，因此會造成縮放前的瀏覽區(qū)域和縮放后的瀏覽區(qū)域不一致，原來正在瀏覽的區(qū)域在縮放后會偏移到瀏覽器的其他區(qū)域。尤其對于顯示屏幕較小的便攜式電子設(shè)備，網(wǎng)頁縮放會使瀏覽區(qū)域發(fā)生更大的偏移，造成用戶當(dāng)前瀏覽的區(qū)域在縮放后全部或部分進(jìn)入瀏覽器的不可視區(qū)域，用戶在網(wǎng)頁縮放后需要移動網(wǎng)頁才能重新看到縮放前的網(wǎng)頁區(qū)域。針對相關(guān)技術(shù)中網(wǎng)頁縮放后，用戶縮放前瀏覽的區(qū)域部分或全部進(jìn)入瀏覽器的不可視區(qū)域，使得用戶需要移動縮放后的網(wǎng)頁才能瀏覽網(wǎng)頁縮放前瀏覽的內(nèi)容的問題，目前尚未提出有效的解決方案。

發(fā)明內(nèi)容
針對網(wǎng)頁縮放后用戶當(dāng)前瀏覽區(qū)域發(fā)生偏移，使得用戶需要移動縮放后的網(wǎng)頁以瀏覽縮放前正在瀏覽的內(nèi)容的問題，本發(fā)明提供了一種網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方案，以至少解決上述問題。根據(jù)本發(fā)明的一個方面，提供了一種網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方法，包括在接收到輸入的縮放命令后，獲取所述縮放命令對應(yīng)的縮放中心點(diǎn)；執(zhí)行所述縮放命令，獲取所述縮放中心點(diǎn)在縮放后相對于所述網(wǎng)頁的第一坐標(biāo)信息；將縮放后的所述縮放中心點(diǎn)作為顯示窗口的中心點(diǎn)，并結(jié)合獲取的所述第一坐標(biāo)信息，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息；根據(jù)所述顯示窗口的第二坐標(biāo)信息，顯示所述網(wǎng)頁在縮放后位于所述顯示窗口的內(nèi)容。優(yōu)選地，將縮放后的所述縮放中心點(diǎn)作為當(dāng)前顯示窗口的中心點(diǎn)，并結(jié)合獲取的所述第一坐標(biāo)信息，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息，包括按照以下公式獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息X2 = Xf-ff/2 ；Y2 = Yf-H/2 ；其中，(X2，Y2)為所述顯示窗口的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，(Xf，Yf)為上述第一坐標(biāo)信息，W為所述顯示窗口的寬度，H為所述顯示窗口的高度。 優(yōu)選地，在執(zhí)行所述縮放命令之前，所述方法還包括獲取所述縮放中心點(diǎn)在所述網(wǎng)頁中所對應(yīng)的節(jié)點(diǎn)區(qū)域中的位置比例；獲取所述縮放中心點(diǎn)在縮放后相對于所述網(wǎng)頁的第一坐標(biāo)信息，包括獲取縮放后的所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息；將縮放后的所述縮放中心點(diǎn)作為顯示窗口的中心點(diǎn)，并結(jié)合所述獲取的第一坐標(biāo)信息，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息，包括根據(jù)所述位置比例以及所述節(jié)點(diǎn)區(qū)域在縮放后相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息。優(yōu)選地，獲取所述縮放中心點(diǎn)在所述網(wǎng)頁中所對應(yīng)的節(jié)點(diǎn)區(qū)域中的位置比例，包括獲取縮放前所述縮放中心點(diǎn)相對于所述網(wǎng)頁的第三坐標(biāo)信息(Xpl，Ypl);根據(jù)獲取的所述第三坐標(biāo)信息，定位所述縮放中心點(diǎn)所對應(yīng)的所述網(wǎng)頁的節(jié)點(diǎn)區(qū)域；獲取所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域(Xn，Yn) (ffn, Hn)，其中，(Xn，Yn)為所述節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，fc為所述節(jié)點(diǎn)區(qū)域的寬度，Hn為所述節(jié)點(diǎn)區(qū)域的高度；根據(jù)所述第三坐標(biāo)信息和所述節(jié)點(diǎn)區(qū)域的所述坐標(biāo)區(qū)域，獲取所述縮放中心點(diǎn)在所述節(jié)點(diǎn)區(qū)域中的位置比例，其中，所述位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY PercentX = (Xpl-Xn) /Wn,PercentY = (Ypl-Yn) /Hn ；獲取縮放后的所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息，包括獲取縮放后所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域(Xm，Ym) (ffm, Hm)，其中，(Xm，Ym)為所述節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，Wm為所述節(jié)點(diǎn)區(qū)域的寬度，Hm為所述節(jié)點(diǎn)區(qū)域的高度；根據(jù)所述節(jié)點(diǎn)區(qū)域在縮放后相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息及所述位置比例，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息，包括按照以下公式獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息X2 = Xm+PercentX*ffm-ff/2 ；Y2 = Ym+PercentY*Hm-H/2 ；其中，(X2，Y2)為所述顯示窗口的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，W為所述顯示窗口的寬度，H為所述顯示窗口的高度。優(yōu)選地，所述節(jié)點(diǎn)區(qū)域?yàn)轭A(yù)先劃分的所述網(wǎng)頁的文本區(qū)域或圖片區(qū)域。優(yōu)選地，在接收到輸入的縮放命令后，獲取所述縮放命令對應(yīng)的縮放中心點(diǎn)，包括響應(yīng)用戶通過多點(diǎn)接觸觸摸顯示屏輸入的所述縮放命令，獲取所述用戶接觸的多點(diǎn)的中心點(diǎn)，將所述中心點(diǎn)作為所述縮放中心點(diǎn)；或者，響應(yīng)用戶輸入的縮放命令，獲取所述縮放命令的縮放中心點(diǎn)，包括響應(yīng)用戶通過縮放按鍵輸入的所述縮放命令，將所述顯示窗口的中心點(diǎn)作為所述縮放中心點(diǎn)。根據(jù)本發(fā)明的另一方面，提供了一種網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)裝置，包括第一獲取模塊，用于在接收到輸入的縮放命令后，獲取所述縮放命令對應(yīng)的縮放中心點(diǎn)；第二獲取模塊，用于執(zhí)行所述縮放命令，獲取所述縮放中心點(diǎn)在縮放后相對于所述網(wǎng)頁的第一坐標(biāo)信息；第三獲取模塊，用于將縮放后的所述縮放中心點(diǎn)作為顯示窗口的中心點(diǎn)，并結(jié)合獲取的所述第一坐標(biāo)信息，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息；顯示模塊，用于根據(jù)所述顯示窗口的第二坐標(biāo)信息，顯示所述網(wǎng)頁在縮放后位于所述顯示窗口的內(nèi)容。、
優(yōu)選地，上述第三獲取模塊按照以下公式獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息X2 = Xf-ff/2 ；Y2 = Yf-H/2 ；其中，(X2，Y2)為所述顯示窗口的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，(Xf，Yf)為上述第一坐標(biāo)信息，W為所述顯示窗口的寬度，H為所述顯示窗口的高度。優(yōu)選地，所述裝置還包括第四獲取模塊，用于在執(zhí)行所述縮放命令之前，獲取所述縮放中心點(diǎn)在所述網(wǎng)頁中所對應(yīng)的節(jié)點(diǎn)區(qū)域中的位置比例；所述第二獲取模塊，還用于獲取縮放后的所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息；所述第三獲取模塊，還用于根據(jù)所述節(jié)點(diǎn)區(qū)域在縮放后相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息及所述位置比例，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息。優(yōu)選地，所述第四獲取模塊，包括包括第一獲取單元，用于獲取縮放前所述縮放中心點(diǎn)相對于所述網(wǎng)頁的第三坐標(biāo)信息(Xpl，Ypl);定位單元，用于根據(jù)獲取的所述第三坐標(biāo)信息，定位所述縮放中心點(diǎn)所對應(yīng)的所述網(wǎng)頁的節(jié)點(diǎn)區(qū)域；第二獲取單元，用于獲取所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域(Xn，Yn) (ffn, Hn)，其中，(Xn，Yn)為所述節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，Wn為所述節(jié)點(diǎn)區(qū)域的寬度，Hn為所述節(jié)點(diǎn)區(qū)域的高度；比例確定單元，用于根據(jù)所述第一獲取單元獲取的第三坐標(biāo)信息和第二獲取單元獲取的所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的所述坐標(biāo)區(qū)域，獲取所述縮放中心點(diǎn)在所述節(jié)點(diǎn)區(qū)域中的位置比例，其中，所述位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY PercentX = (Xpl-Xn) /Wn,PercentY = (Ypl-Yn) /Hn ；上述第二獲取模塊，還用于獲取縮放后所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域(Xm, Ym) (ffm, Hm),其中，(Xm, Ym)為所述節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，Wm為所述節(jié)點(diǎn)區(qū)域的寬度，Hm為所述節(jié)點(diǎn)區(qū)域的高度；上述第三獲取模塊，還用于根據(jù)比例確定單元和第二獲取模塊得到的結(jié)果，按照以下公式獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息X2 = Xm+PercentX-ff/2 ；Y2 = Ym+PercentY-H/2 ；其中，(X2，Y2)為所述顯示窗口的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，W為所述顯示窗口的寬度，H為所述顯示窗口的高度。根據(jù)本發(fā)明的又一方面，提供了一種瀏覽器，包括本發(fā)明提供的上述網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)裝置。根據(jù)本發(fā)明的再一方面，提供了一種移動終端，包括本發(fā)明提供的上述瀏覽器。通過本發(fā)明，在接收到輸入的縮放命令后，獲取縮放命令對應(yīng)的縮放中心點(diǎn)；執(zhí)行縮放命令，獲取縮放中心點(diǎn)在縮放后相對于網(wǎng)頁的第一坐標(biāo)信息；將縮放后的縮放中心點(diǎn)作為顯示窗口的中心點(diǎn)，獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息；根據(jù)顯示窗口的第二坐標(biāo)信息，顯示網(wǎng)頁在縮放后位于顯示窗口的內(nèi)容。因此，本發(fā)明實(shí)現(xiàn)了在網(wǎng)頁縮放后，可以將進(jìn)行網(wǎng)頁縮放前用戶瀏覽的區(qū)域顯示在瀏覽器可視區(qū)域，保持用戶的瀏覽的一致性，避免了用戶進(jìn)行網(wǎng)頁移動操作實(shí)現(xiàn)位置調(diào)整的麻煩，提高了用戶體驗(yàn)。


此處所說明的附圖用來提供對本發(fā)明的進(jìn)一步理解，構(gòu)成本申請的一部分，本發(fā)明的示意性實(shí)施例及其說明用于解釋本發(fā)明，并不構(gòu)成對本發(fā)明的不當(dāng)限定。在附圖中圖I是根據(jù)本發(fā)明實(shí)施例一的網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方法的流程圖；圖2是根據(jù)本發(fā)明實(shí)施例二的網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方法的流程圖；圖3是根據(jù)本發(fā)明實(shí)施例三的網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)裝置的結(jié)構(gòu)框圖；圖4是根據(jù)本發(fā)明實(shí)施例三的優(yōu)選網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)裝置的結(jié)構(gòu)框圖；圖5是根據(jù)本發(fā)明實(shí)施例三的優(yōu)選第四獲取模塊的結(jié)構(gòu)框圖；圖6是wap頁面放大前的網(wǎng)頁內(nèi)容顯示的效果圖；圖7是wap頁面放大中的網(wǎng)頁內(nèi)容顯示的效果圖；圖8是wap頁面放大后并且自動居中對齊后的網(wǎng)頁內(nèi)容顯示的效果圖；圖9是www頁面縮小前的網(wǎng)頁內(nèi)容顯示的效果圖；圖10是www頁面縮小中的網(wǎng)頁內(nèi)容顯示的效果圖；圖11是www頁面縮小后并且自動居中對齊后的網(wǎng)頁內(nèi)容顯示的效果圖。
具體實(shí)施例方式下文中將參考附圖并結(jié)合實(shí)施例來詳細(xì)說明本發(fā)明。需要說明的是，在不沖突的情況下，本申請中的實(shí)施例及實(shí)施例中的特征可以相互組合。實(shí)施例一根據(jù)本發(fā)明實(shí)施例，提供了一種網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方法，可以實(shí)現(xiàn)在網(wǎng)頁縮放后，將進(jìn)行網(wǎng)頁縮放前用戶瀏覽的區(qū)域顯示在瀏覽器可視區(qū)域，保持用戶的瀏覽的一致性，避免了用戶進(jìn)行網(wǎng)頁移動操作。圖I是根據(jù)本發(fā)明實(shí)施例一的網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方法的流程圖，如圖I所示，該方法包括以下幾個步驟(步驟S102-步驟S108)步驟S102，在接收到輸入的縮放命令后，獲取縮放命令對應(yīng)的縮放中心點(diǎn)。步驟S104，執(zhí)行縮放命令，獲取縮放中心點(diǎn)在縮放后相對于網(wǎng)頁的第一坐標(biāo)信息。步驟S106，將縮放后的縮放中心點(diǎn)作為顯示窗口的中心點(diǎn)，并結(jié)合獲取的第一坐標(biāo)信息，獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息。步驟S108，根據(jù)顯示窗口的第二坐標(biāo)信息，顯示網(wǎng)頁在縮放后位于顯示窗口的內(nèi)容。通過本發(fā)明實(shí)施例，接收到用戶輸入的縮放命令后獲取縮放命令對應(yīng)的縮放中心點(diǎn)；執(zhí)行縮放命令后，獲取縮放中心點(diǎn)在縮放后相對于網(wǎng)頁的第一坐標(biāo)信息；將縮放后的縮放中心點(diǎn)作為當(dāng)前顯示窗口的中心點(diǎn)，獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息；根據(jù)顯示窗口的第二坐標(biāo)信息，顯示網(wǎng)頁在縮放后位于顯示窗口的內(nèi)容。因此，本發(fā)明實(shí)現(xiàn)了在網(wǎng)頁縮放后，可以將進(jìn)行網(wǎng)頁縮放前用戶瀏覽的區(qū)域顯示在瀏覽器可視區(qū)域，保持用戶瀏覽的一致性，避免了用戶進(jìn)行網(wǎng)頁移動操作實(shí)現(xiàn)位置調(diào)整的麻煩，提高了用戶體驗(yàn)。
在本發(fā)明實(shí)施例中，用戶可以通過多點(diǎn)接觸觸摸顯示器進(jìn)行網(wǎng)頁縮放操作，也可以通過瀏覽器的縮放按鈕進(jìn)行網(wǎng)頁縮放操作，針對不同的縮放操作方式，在縮放過程中可以選取不同的縮放中心點(diǎn)。在本發(fā)明實(shí)施例的一個優(yōu)選實(shí)施方式中I)在用戶通過多點(diǎn)接觸觸摸顯示器進(jìn)行網(wǎng)頁縮放操作的情況下，接收用戶輸入的縮放命令后，獲取縮放命令對應(yīng)的縮放中心點(diǎn)，可以包括接收用戶通過多點(diǎn)接觸觸摸顯示屏輸入的縮放命令，獲取用戶接觸的多點(diǎn)的中心點(diǎn)，將用戶接觸的多點(diǎn)的中心點(diǎn)作為縮放中心點(diǎn)。2)在用戶通過縮放按鈕進(jìn)行網(wǎng)頁縮放操作的情況下，接收用戶輸入的縮放命令后，獲取縮放命令對應(yīng)的縮放中心點(diǎn)，可以包括接收用戶通過縮放按鍵輸入的縮放命令，將顯示窗口的中心點(diǎn)作為縮放中心點(diǎn)。 在接收到輸入的縮放命令后，獲取縮放命令對應(yīng)的的縮放中心點(diǎn)，獲取到該縮放中心點(diǎn)之后，可以執(zhí)行縮放命令，獲取縮放中心點(diǎn)在縮放后相對于網(wǎng)頁的第一坐標(biāo)信息，在本發(fā)明實(shí)施例中，第一坐標(biāo)信息可以標(biāo)記為(Xf，Yf)，(Xf, Yf)為縮放后的縮放中心點(diǎn)相對于網(wǎng)頁的坐標(biāo)信息。獲取到縮放中心點(diǎn)在縮放后相對于網(wǎng)頁的第一坐標(biāo)信息后，可以以縮放中心點(diǎn)為顯示窗口的中心，調(diào)整當(dāng)前窗口的位置，使用戶縮放前瀏覽的區(qū)域顯示在窗口內(nèi)的可視區(qū)域。在本發(fā)明實(shí)施例的一個優(yōu)選實(shí)施方式中，將縮放后的縮放中心點(diǎn)作為當(dāng)前顯示窗口的中心點(diǎn)，獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息，可以包括按照以下公式獲取縮放后所述顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息X2 = Xf-ff/2 ；Y2 = Yf-H/2 ；其中，(X2，Y2)為顯示窗口的左上角頂點(diǎn)相對于網(wǎng)頁的坐標(biāo)信息，(Xf，Yf)為第一坐標(biāo)信息(即縮放后的縮放中心點(diǎn)相對于網(wǎng)頁的坐標(biāo)信息)，W為顯示窗口的寬度，H為顯不窗口的聞度。進(jìn)一步的，為了更精確地將縮放前用戶瀏覽的區(qū)域顯示在窗口，可以先定位縮放中心點(diǎn)所對應(yīng)的網(wǎng)頁的節(jié)點(diǎn)區(qū)域，并獲取縮放中心點(diǎn)在節(jié)點(diǎn)區(qū)域中的位置比例，在調(diào)整縮放后的窗口位置時，可以根據(jù)獲取的比例位置進(jìn)行調(diào)整。因此，在本發(fā)明實(shí)施例的一個優(yōu)選實(shí)施方式中，在執(zhí)行縮放命令之前，還可以獲取縮放中心點(diǎn)在網(wǎng)頁中所對應(yīng)的節(jié)點(diǎn)區(qū)域中的位置比例。此時，獲取縮放中心點(diǎn)在縮放后相對于所述網(wǎng)頁的第一坐標(biāo)信息為獲取縮放后的節(jié)點(diǎn)區(qū)域相對于網(wǎng)頁的坐標(biāo)區(qū)域信息。獲取到位置比例和第一坐標(biāo)信息后，可以根據(jù)位置比例以及節(jié)點(diǎn)區(qū)域在縮放后相對于網(wǎng)頁的坐標(biāo)區(qū)域信息，獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息。鑒于上述優(yōu)選實(shí)施方式，在本發(fā)明實(shí)施例的另一個優(yōu)選實(shí)施方式中，可以通過以下步驟獲取所述縮放中心點(diǎn)在所述網(wǎng)頁中所對應(yīng)的節(jié)點(diǎn)區(qū)域中的位置比例獲取縮放前縮放中心點(diǎn)相對于網(wǎng)頁的第三坐標(biāo)信息(Xpl，Ypl)；根據(jù)獲取的第三坐標(biāo)信息，定位縮放中心點(diǎn)所對應(yīng)的網(wǎng)頁的節(jié)點(diǎn)區(qū)域；獲取節(jié)點(diǎn)區(qū)域相對于網(wǎng)頁的坐標(biāo)區(qū)域(Xn，Yn) (ffn, Hn)，其中，(Xn，Yn)為節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對于網(wǎng)頁的坐標(biāo)信息，Wn為節(jié)點(diǎn)區(qū)域的寬度，Hn為節(jié)點(diǎn)區(qū)域的高度；
根據(jù)第三坐標(biāo)信息和節(jié)點(diǎn)區(qū)域的坐標(biāo)區(qū)域，獲取縮放中心點(diǎn)在節(jié)點(diǎn)區(qū)域中的位置比例，其中，位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY PercentX = (Xpl-Xn) /ffn,PercentY = (Ypl-Yn)/Hn。鑒于上述優(yōu)選實(shí)施方式，可以獲取縮 放后節(jié)點(diǎn)區(qū)域相對于網(wǎng)頁的坐標(biāo)區(qū)域(Xm，Ym) (Wm，Hm)，其中，(Xm, Ym)為節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對于網(wǎng)頁的坐標(biāo)信息，Wm為節(jié)點(diǎn)區(qū)域的寬度，Hm為節(jié)點(diǎn)區(qū)域的高度。根據(jù)節(jié)點(diǎn)區(qū)域在縮放后相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息及獲取的位置比例，可以按照以下公式獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息X2 = Xm+PercentX*ffm-ff/2 ；Y2 = Ym+PercentY*Hm-H/2 ；其中，(X2，Y2)為顯示窗口的左上角頂點(diǎn)相對于網(wǎng)頁的坐標(biāo)信息，W為顯示窗口的寬度，H為顯示窗口的高度。獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息后，根據(jù)坐標(biāo)(Χ2，Υ2)進(jìn)行位置移動。坐標(biāo)(Χ2，Υ2)，即瀏覽器的可視窗口移動到的區(qū)域坐標(biāo)，因此將可視窗口移動到該坐標(biāo)，并顯示網(wǎng)頁在縮放后位于顯示窗口的內(nèi)容。這樣，使得縮放后還能自動將內(nèi)容調(diào)整到屏幕中心顯示。在本發(fā)明實(shí)施例的一個優(yōu)選實(shí)施方式中，上述節(jié)點(diǎn)區(qū)域可以為預(yù)先劃分的網(wǎng)頁的文本區(qū)域或圖片區(qū)域。實(shí)施例二根據(jù)本發(fā)明實(shí)施例，可以實(shí)現(xiàn)在用戶對網(wǎng)頁比例進(jìn)行縮放(多點(diǎn)觸摸放大/縮小、或點(diǎn)擊縮放按鈕)之后，對網(wǎng)頁進(jìn)行自動重新排版，并且將用戶之前正在看的內(nèi)容對齊到屏幕中央去，從而就省得用戶再手動調(diào)整閱讀位置。在本發(fā)明實(shí)施例中，網(wǎng)頁大小為整個網(wǎng)頁的大??；窗口大小為瀏覽器可視的窗口的大??；窗口位置為瀏覽器可視窗口左上角在整個網(wǎng)頁中的坐標(biāo)。點(diǎn)的坐標(biāo)表示為(X，Y)，X為該點(diǎn)的X軸坐標(biāo)，Y為該點(diǎn)的Y軸坐標(biāo)。區(qū)域的區(qū)域坐標(biāo)表示為(X，Y)，(W, H),其中，X為該區(qū)域的左上角的X軸坐標(biāo)，Y為該區(qū)域的左上角的Y軸坐標(biāo)，W為該區(qū)域的寬度，H為該區(qū)域的高度。以手機(jī)瀏覽器的窗口寬度、高度分別為W、H，并且窗口的位置為(XI，Yl)為例，當(dāng)前網(wǎng)頁的縮放比例表示為Ζ1。此時用戶對網(wǎng)頁進(jìn)行縮放(放大或縮小)操作，通過多點(diǎn)觸摸或者縮放按鈕均可，并且操作后的縮放比例為Ζ2。在本發(fā)明實(shí)施例中，以用戶使用兩點(diǎn)觸摸進(jìn)行縮放為例進(jìn)行說明。圖2是根據(jù)本發(fā)明實(shí)施例二的網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方法的流程圖，如圖2所示該方法可以包括以下幾個步驟(步驟S202-步驟S214)。步驟S202，計(jì)算用戶兩點(diǎn)觸摸的中心點(diǎn)在屏幕中的坐標(biāo)，S卩(Χρ，Υρ)，并計(jì)算相對整個網(wǎng)頁的坐標(biāo)為(Xp+Xl, Yp+Yl)即(Xpl, Υρ1)ο在獲取到用戶的縮放操作后，該步驟開始計(jì)算用戶兩點(diǎn)觸摸的中心點(diǎn)在屏幕中的坐標(biāo)。其中，兩點(diǎn)觸摸的中心點(diǎn)的坐標(biāo)(Xp，Yp)是通過以下公式計(jì)算的瀏覽器給出用戶在屏幕上觸摸的兩個點(diǎn)的坐標(biāo)，分別為(Xa，Ya)以及(Xb，Yb)，然后計(jì)算Xp =(Xa+Xb)/2, Yp = (Ya+Yb)/2。步驟S204,通過計(jì)算所得的中心點(diǎn)相對整個網(wǎng)頁的坐標(biāo)(Xpl, Ypl),定位坐標(biāo)(XpLYpl)所對應(yīng)的網(wǎng)頁中的節(jié)點(diǎn)(文本、圖片等)，該節(jié)點(diǎn)可以標(biāo)記為“Node”。步驟S206,計(jì)算該Node的坐標(biāo)區(qū)域(Xn, Yn) (ffn, Hn)。其中，Xn為節(jié)點(diǎn)區(qū)域的左上角的X軸坐標(biāo)，Yn為節(jié)點(diǎn)區(qū)域的左上角的Y軸坐標(biāo)，Wn為節(jié)點(diǎn)區(qū)域的寬度，Hn為節(jié)點(diǎn)區(qū)域的高度。關(guān)于節(jié)點(diǎn)的區(qū)域的計(jì)算，根據(jù)HTML4. I以及CSS2. I的官方規(guī)范對網(wǎng)頁進(jìn)行排版，然后根據(jù)Dom規(guī)范找出該元素(文本、圖片等)對應(yīng)的節(jié)點(diǎn)，然后瀏覽器會給出該節(jié)點(diǎn)的排版區(qū)域，該區(qū)域就是X坐標(biāo)、y坐標(biāo)、寬度、高度。通過該方式，可以得到Node的坐標(biāo)區(qū)域。 步驟S208,計(jì)算中心點(diǎn)在Node節(jié)點(diǎn)中的位置比例。其中，該位置比例可以通過如下公式確定水平方向中的比例為PercentX = (Xpl-Xn)/Wn，垂直方向中的比例為PercentY = (Yp 1-Yn)/Hn0步驟S210，頁面進(jìn)行縮放，并重新排版，由于排版時會對屏幕寬度進(jìn)行折行，所以排版結(jié)構(gòu)會有所變化。在新排版的結(jié)果下，計(jì)算Node的新坐標(biāo)區(qū)域(Xm, Ym) (ffm, Hm)。該步驟響應(yīng)用戶的縮放操作(例如用戶的兩點(diǎn)觸摸縮放動作)進(jìn)行縮放，在進(jìn)行縮放和排版之前，還會記錄前述步驟得到的各個參數(shù)。Node的新坐標(biāo)區(qū)域的獲取方式與步驟206中的描述相同。步驟S212，根據(jù)步驟S208中計(jì)算所得的比例值，以及屏幕寬度、高度，計(jì)算新的窗口位置。新的窗口位置為X2 = Xm+ffm^PercentX-ff/2, Y2 = Ym+Hm*PercentY-H/2,即這個時候設(shè)置可視區(qū)域窗口的位置為(X2，Y2)。步驟S214,根據(jù)窗口的坐標(biāo)為(Χ2,Υ2)進(jìn)行位置移動。坐標(biāo)(Χ2，Υ2)，即瀏覽器的可視窗口移動到的區(qū)域坐標(biāo)。根據(jù)計(jì)算所得的窗口的坐標(biāo)，將可視窗口移動到該坐標(biāo)，并顯示網(wǎng)頁在縮放后位于顯示窗口的內(nèi)容。這樣，使得縮放后還能自動將內(nèi)容調(diào)整到屏幕中心顯示，保存用戶的瀏覽的一致性。可以發(fā)現(xiàn)，本發(fā)明通過上述步驟，實(shí)現(xiàn)了網(wǎng)頁縮放后的自動居中對齊。上述介紹的是通過多點(diǎn)觸摸進(jìn)行縮放的情況，對于用戶使用的是普通縮放按鈕進(jìn)行縮放的情況，即沒有一個兩點(diǎn)的中心點(diǎn)。此時的步驟與上述步驟基本一致，區(qū)別在于步驟S202中的兩點(diǎn)觸摸中心點(diǎn)(Χρ，Υρ)，不再是兩點(diǎn)的中心點(diǎn)，而是屏幕的中心點(diǎn)(窗口的中心點(diǎn))，即Xp = W/2，Yp = Η/2，其余步驟基本相同。實(shí)施例三對應(yīng)于本發(fā)明上述實(shí)施例提供的網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方法，本發(fā)明實(shí)施例還提供了一種網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)裝置。圖3是根據(jù)本發(fā)明實(shí)施例三的網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)裝置的結(jié)構(gòu)框圖，如圖3所示，該裝置可以包括第一獲取模塊10、第二獲取模塊20、第三獲取模塊30和顯示模塊40。第一獲取模塊10，用于在接收到輸入的縮放命令后，獲取縮放命令對應(yīng)的縮放中心點(diǎn)；第二獲取模塊20，與第一獲取模塊10相連接，用于執(zhí)行縮放命令，獲取縮放中心點(diǎn)在縮放后相對于網(wǎng)頁的第一坐標(biāo)信息；第三獲取模塊30，與第二獲取模塊20相連接，用于將縮放后的縮放中心點(diǎn)作為顯示窗口的中心點(diǎn)，并結(jié)合所述獲取的第一坐標(biāo)信息，獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息；顯示模塊40，與第三獲取模塊30相連接，用于根據(jù)顯示窗口的第二坐標(biāo)信息，顯示網(wǎng)頁在縮放后位于顯示窗口的內(nèi)容。通過本發(fā)明實(shí)施例，響應(yīng)用戶輸入的縮放命令，獲取縮放命令的縮放中心點(diǎn)；執(zhí)行縮放命令后，獲取縮放中心點(diǎn)在縮放后相對于網(wǎng)頁的第一坐標(biāo)信息；將縮放后的縮放中心點(diǎn)作為當(dāng)前顯示窗口的中心點(diǎn)，獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息；根據(jù)顯示窗口的第二坐標(biāo)信息，顯示網(wǎng)頁在縮放后位于顯示窗口的內(nèi)容。實(shí)現(xiàn)了在網(wǎng)頁縮放后，將進(jìn)行網(wǎng)頁縮放前用戶瀏覽的區(qū)域顯示在瀏覽器可視區(qū)域，保持用戶瀏覽的一致性，避免了用戶進(jìn)行網(wǎng)頁移動操作，提高了用戶體驗(yàn)。在本發(fā)明實(shí)施例中，用戶可以通過多點(diǎn)接觸觸摸顯示器進(jìn)行網(wǎng)頁縮放操作，也可以通過瀏覽器的縮放按鈕進(jìn)行網(wǎng)頁縮放操作，針對不同的縮放操作方式，在縮放過程中可以選取不同的縮放中心點(diǎn)。在本發(fā)明實(shí)施例的一個優(yōu)選實(shí)施方式中，在用戶通過多點(diǎn)接觸觸摸顯示器進(jìn)行網(wǎng)頁縮放操作的情況下，第一獲取模塊10可以響應(yīng)用戶通過多點(diǎn)接觸觸摸顯示屏輸入的縮放命令，獲取用戶接觸的多點(diǎn)的中心點(diǎn)，將用戶接觸的多點(diǎn)的中心點(diǎn)作為縮放中心點(diǎn)。在用戶通過縮放按鈕進(jìn)行網(wǎng)頁縮放操作的情況下，第一獲取模塊10，可以響應(yīng)用戶通過縮放按鍵輸入的縮放命令，將顯示窗口的中心點(diǎn)作為縮放中心點(diǎn)。響應(yīng)用戶輸入的縮放命令，獲取縮放命令的縮放中心點(diǎn)之后，可以執(zhí)行縮放命令，獲取縮放中心點(diǎn)在縮放后相對于網(wǎng)頁的第一坐標(biāo)信息，在本發(fā)明實(shí)施例中，第一坐標(biāo)信息可以標(biāo)記為(Xf，Yf)，(Xf, Yf)為縮放后的縮放中心點(diǎn)相對于網(wǎng)頁的坐標(biāo)信息。獲取到縮放中心點(diǎn)在縮放后相對于網(wǎng)頁的第一坐標(biāo)信息后，可以以縮放中心為顯示窗口的中心，調(diào)整當(dāng)前窗口的位置，使用戶縮放前瀏覽的區(qū)域顯示在窗口內(nèi)的可視區(qū)域。在本發(fā)明實(shí)施例的一個優(yōu)選實(shí)施方式中，第三獲取模塊30可以按照以下公式獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息X2 = Xf-ff/2 ；Y2 = Yf-H/2 ；其中，(X2，Y2)為顯示窗口的左上角頂點(diǎn)相對于網(wǎng)頁的坐標(biāo)信息，(Xf, Yf)為上述第一坐標(biāo)信息(即縮放后的縮放中心的坐標(biāo)信息)，W為顯示窗口的寬度，H為顯示窗口的高度。進(jìn)一步的，為了更精確地將縮放前用戶瀏覽的區(qū)域顯示在窗口，可以先定位縮放中心點(diǎn)所對應(yīng)的網(wǎng)頁的節(jié)點(diǎn)區(qū)域，并獲取縮放中心點(diǎn)在節(jié)點(diǎn)區(qū)域中的位置比例，在調(diào)整縮放后的窗口位置時，可以根據(jù)獲取的比例位置進(jìn)行調(diào)整。在本發(fā)明實(shí)施例的一個優(yōu)選實(shí)施方式中，如圖4所示，該裝置還可以包括第四獲取模塊50，與第一獲取模塊10相連接，用于在執(zhí)行縮放命令之前，獲取縮放中心點(diǎn)在網(wǎng)頁中所對應(yīng)的節(jié)點(diǎn)區(qū)域中的位置比例；第二獲取模塊20，還用于獲取縮放后的節(jié)點(diǎn)區(qū)域相對于網(wǎng)頁的坐標(biāo)區(qū)域信息；第三獲取模塊30，還用于根據(jù)上述節(jié)點(diǎn)區(qū)域在縮放后相對于網(wǎng)頁的坐標(biāo)區(qū)域信息及獲取的位置比例，獲 取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息。鑒于上述優(yōu)選實(shí)施方式，如圖5所示，第四獲取模塊50可以包括第一獲取單元502，用于獲取縮放前縮放中心點(diǎn)相對于網(wǎng)頁的第三坐標(biāo)信息(Xpl，Ypl);定位單元504，與第一獲取單元502相連接，用于根據(jù)獲取的第三坐標(biāo)信息，定位縮放中心點(diǎn)所對應(yīng)的網(wǎng)頁的節(jié)點(diǎn)區(qū)域；第二獲取單元506，與定位單元504相連接，用于獲取節(jié)點(diǎn)區(qū)域相對于網(wǎng)頁的坐標(biāo)區(qū)域(Xn，Yn) (ffn, Hn)，其中，(Xn，Yn)為節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對于網(wǎng)頁的坐標(biāo)信息，Wn為節(jié)點(diǎn)區(qū)域的寬度，Hn為節(jié)點(diǎn)區(qū)域的高度；比例確定單元508，與第二獲取單元506相連接，用于根據(jù)第一獲取單元502獲取的第三坐標(biāo)信息和第二獲取單元506獲取的節(jié)點(diǎn)區(qū)域相對于網(wǎng)頁的坐標(biāo)區(qū)域，獲取縮放中心點(diǎn)在上述節(jié)點(diǎn)區(qū)域中的位置比例，其中，該位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY PercentX = (Xpl-Xn) /ffn,PercentY = (Ypl-Yn)/Hn。鑒于上述優(yōu)選實(shí)施方式，上述第二獲取模塊20，還用于獲取縮放后縮放中心點(diǎn)所對應(yīng)的網(wǎng)頁的節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域(Xm, Ym) (ffm, Hm),其中，(Xm, Ym)為該節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對于網(wǎng)頁的坐標(biāo)信息，Wm為該節(jié)點(diǎn)區(qū)域的寬度，Hm為該節(jié)點(diǎn)區(qū)域的高度。上述第三獲取模塊30，還用于根據(jù)比例確定單元508和第二獲取模塊20得到的結(jié)果，按照以下公式獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息X2 = Xm+PercentX*ffm-ff/2 ；Y2 = Ym+PercentY*Hm-H/2 ；其中，(X2，Y2)為顯示窗口的左上角頂點(diǎn)相對于網(wǎng)頁的坐標(biāo)信息，W為顯示窗口的寬度，H為顯示窗口的高度。根據(jù)本發(fā)明實(shí)施例，提供了一種瀏覽器，可以包括本發(fā)明實(shí)施例提供的上述網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)裝置。根據(jù)本發(fā)明實(shí)施例，還提供了一種便攜式電子設(shè)備，例如是移動終端，可以包括本發(fā)明實(shí)施例提供的上述裝置。通過本發(fā)明上述實(shí)施例提供的網(wǎng)頁內(nèi)容的顯示方案，可以實(shí)現(xiàn)縮放后的網(wǎng)頁內(nèi)容自動居中對齊，方便用戶瀏覽。對了更具體的描述本發(fā)明實(shí)施的效果，下面通過兩個具體實(shí)例，對本發(fā)明實(shí)施例的提供的網(wǎng)頁內(nèi)容的顯示方案的效果進(jìn)行描述。圖6是wap頁面放大前的網(wǎng)頁內(nèi)容顯示的效果圖，用戶對如圖6所示的頁面進(jìn)行多點(diǎn)觸摸放大，該縮放的中心點(diǎn)位于圖中的“瀏覽原圖”，放大之后區(qū)域發(fā)生變化，如圖7所示(圖7是wap頁面放大中的網(wǎng)頁內(nèi)容顯示的效果圖)，通過本發(fā)明實(shí)施例提供的方案對該頁面進(jìn)行重新折行排版，通過計(jì)算并移動視窗位置，將“瀏覽原圖”對準(zhǔn)在屏幕中間處，達(dá)到如圖8所示的效果，圖8是wap頁面放大后并且自動居中對齊后的網(wǎng)頁內(nèi)容實(shí)現(xiàn)的效果圖。圖9是www頁面縮小前的網(wǎng)頁內(nèi)容顯示的效果圖，用戶對如圖9所示的頁面進(jìn)行多點(diǎn)觸摸縮小，該縮放的中心點(diǎn)在“UC瀏覽器“那一段文本里，然后放大之后區(qū)域發(fā)生變化，如圖10所示(圖10是WWW頁面縮小中的網(wǎng)頁內(nèi)容顯示的效果圖)，通過本發(fā)明實(shí)施例提供的方案對該頁面進(jìn)行重新折行排版，通過計(jì)算并移動視窗位置，將“UC瀏覽器”那段文本對準(zhǔn)在屏.中間處，達(dá)到如圖11所不的效果，圖11是www頁面縮小后并且自動居中對齊后的網(wǎng)頁內(nèi)容顯示的效果圖。從以上的描述中，可以看出，本發(fā)明實(shí)現(xiàn)了如下技術(shù)效果在接收到輸入的縮放命令后，獲取縮放命令的縮放中心點(diǎn)；執(zhí)行縮放命令后，獲取縮放中心點(diǎn)在縮放后相對于網(wǎng)頁、的第一坐標(biāo)信息；將縮放后的縮放中 心點(diǎn)作為當(dāng)前顯示窗口的中心點(diǎn)，獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息；根據(jù)顯示窗口的第二坐標(biāo)信息，顯示網(wǎng)頁在縮放后位于顯示窗口的內(nèi)容。本發(fā)明實(shí)現(xiàn)了在網(wǎng)頁縮放后，將進(jìn)行網(wǎng)頁縮放前用戶瀏覽的區(qū)域顯示在瀏覽器可視區(qū)域，保持用戶瀏覽的一致性，進(jìn)一步的，可以先定位縮放中心點(diǎn)所對應(yīng)的網(wǎng)頁的節(jié)點(diǎn)區(qū)域，并獲取縮放中心點(diǎn)在節(jié)點(diǎn)區(qū)域中的位置比例，在調(diào)整縮放后的窗口位置時，可以根據(jù)獲取的比例位置進(jìn)行調(diào)整，實(shí)現(xiàn)了更精確地將縮放前用戶瀏覽的區(qū)域顯示在窗口。本發(fā)明避免了用戶進(jìn)行網(wǎng)頁移動操作，提高了用戶體驗(yàn)。顯然，本領(lǐng)域的技術(shù)人員應(yīng)該明白，上述的本發(fā)明的各模塊或各步驟可以用通用的計(jì)算裝置來實(shí)現(xiàn)，它們可以集中在單個的計(jì)算裝置上，或者分布在多個計(jì)算裝置所組成的網(wǎng)絡(luò)上，可選地，它們可以用計(jì)算裝置可執(zhí)行的程序代碼來實(shí)現(xiàn)，從而，可以將它們存儲在存儲裝置中由計(jì)算裝置來執(zhí)行，并且在某些情況下，可以以不同于此處的順序執(zhí)行所示出或描述的步驟，或者將它們分別制作成各個集成電路模塊，或者將它們中的多個模塊或步驟制作成單個集成電路模塊來實(shí)現(xiàn)。這樣，本發(fā)明不限制于任何特定的硬件和軟件結(jié)合。以上所述僅為本發(fā)明的優(yōu)選實(shí)施例而已，并不用于限制本發(fā)明，對于本領(lǐng)域的技術(shù)人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
權(quán)利要求
1.一種網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方法，其特征在于，包括 在接收到輸入的縮放命令后，獲取所述縮放命令對應(yīng)的縮放中心點(diǎn)； 執(zhí)行所述縮放命令，獲取所述縮放中心點(diǎn)在縮放后相對于所述網(wǎng)頁的第一坐標(biāo)信息；將縮放后的所述縮放中心點(diǎn)作為顯示窗口的中心點(diǎn)，并結(jié)合獲取的所述第一坐標(biāo)信息，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息； 根據(jù)所述顯示窗口的第二坐標(biāo)信息，顯示所述網(wǎng)頁在縮放后位于所述顯示窗口的內(nèi)容。
2.根據(jù)權(quán)利要求I所述的方法，其特征在于，所述將縮放后的所述縮放中心點(diǎn)作為顯 示窗口的中心點(diǎn)，并結(jié)合獲取的所述第一坐標(biāo)信息，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息，包括 按照以下公式獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息X2 = Xf-ff/2 ；Y2 = Yf-H/2 ； 其中，(X2，Y2)為所述顯示窗口的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，(Xf, Yf)為所述第一坐標(biāo)信息，W為所述顯示窗口的寬度，H為所述顯示窗口的高度。
3.根據(jù)權(quán)利要求I所述的方法，其特征在于， 在執(zhí)行所述縮放命令之前，所述方法還包括獲取所述縮放中心點(diǎn)在所述網(wǎng)頁中所對應(yīng)的節(jié)點(diǎn)區(qū)域中的位置比例； 獲取所述縮放中心點(diǎn)在縮放后相對于所述網(wǎng)頁的第一坐標(biāo)信息，包括獲取縮放后的所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息； 將縮放后的所述縮放中心點(diǎn)作為顯示窗口的中心點(diǎn)，并結(jié)合獲取的所述第一坐標(biāo)信息，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息，包括根據(jù)所述位置比例以及所述節(jié)點(diǎn)區(qū)域在縮放后相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息。
4.根據(jù)權(quán)利要求3所述的方法，其特征在于， 獲取所述縮放中心點(diǎn)在所述網(wǎng)頁中所對應(yīng)的節(jié)點(diǎn)區(qū)域中的位置比例，包括 獲取縮放前所述縮放中心點(diǎn)相對于所述網(wǎng)頁的第三坐標(biāo)信息(XpLYpl)； 根據(jù)獲取的所述第三坐標(biāo)信息，定位所述縮放中心點(diǎn)所對應(yīng)的所述網(wǎng)頁的所述節(jié)點(diǎn)區(qū)域； 獲取所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域(Xn，Yn) (ffn, Hn)，其中，(Xn，Yn)為所述節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，Wn為所述節(jié)點(diǎn)區(qū)域的寬度，Hn為所述節(jié)點(diǎn)區(qū)域的高度； 根據(jù)所述第三坐標(biāo)信息和所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的所述坐標(biāo)區(qū)域，獲取所述縮放中心點(diǎn)在所述節(jié)點(diǎn)區(qū)域中的所述位置比例，其中，所述位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY PercentX = (Xpl-Xn)/ffn,PercentY = (Ypl-Yn)/Hn ； 獲取縮放后的所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息，包括 獲取縮放后所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域(Xm,Ym) (Wm,Hm),其中，(Xm,Ym)為所述節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，Wm為所述節(jié)點(diǎn)區(qū)域的寬度，Hm為所述節(jié)點(diǎn)區(qū)域的高度； 根據(jù)所述節(jié)點(diǎn)區(qū)域在縮放后相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息及所述位置比例，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息，包括 按照以下公式獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息X2 = Xm+PercentX*ffm-ff/2 ；Y2 = Ym+PercentY*Hm-H/2 ； 其中，(X2，Y2)為所述顯示窗口的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，W為所述顯示窗口的寬度，H為所述顯示窗口的高度。
5.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述節(jié)點(diǎn)區(qū)域?yàn)轭A(yù)先劃分的所述網(wǎng)頁的文本區(qū)域或圖片區(qū)域。
6.根據(jù)權(quán)利要求I至5中任一項(xiàng)所述的方法，其特征在于，在接收到輸入的縮放命令后，獲取所述縮放命令對應(yīng)的縮放中心點(diǎn)，包括 響應(yīng)用戶通過多點(diǎn)觸摸輸入的所述縮放命令，獲取所述用戶接觸的多點(diǎn)的中心點(diǎn)，將所述中心點(diǎn)作為所述縮放中心點(diǎn)；或者 響應(yīng)用戶通過縮放按鍵輸入的所述縮放命令，將所述顯示窗口的中心點(diǎn)作為所述縮放中心點(diǎn)。
7.—種網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)裝置，其特征在于，包括 第一獲取模塊，用于在接收到輸入的縮放命令后，獲取所述縮放命令對應(yīng)的縮放中心占. 第二獲取模塊，用于執(zhí)行所述縮放命令，獲取所述縮放中心點(diǎn)在縮放后相對于所述網(wǎng)頁的第一坐標(biāo)信息； 第三獲取模塊，用于將縮放后的所述縮放中心點(diǎn)作為顯示窗口的中心點(diǎn)，并結(jié)合獲取的所述第一坐標(biāo)信息，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息； 顯示模塊，用于根據(jù)所述顯示窗口的第二坐標(biāo)信息，顯示所述網(wǎng)頁在縮放后位于所述顯示窗口的內(nèi)容。
8.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述第三獲取模塊按照以下公式獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息X2 = Xf-ff/2 ；Y2 = Yf-H/2 ； 其中，(X2，Y2)為所述顯示窗口的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，(Xf, Yf)所述第一坐標(biāo)信息，W為所述顯示窗口的寬度，H為所述顯示窗口的高度。
9.根據(jù)權(quán)利要求7或8所述的裝置，其特征在于， 所述裝置還包括第四獲取模塊，用于在執(zhí)行所述縮放命令之前，獲取所述縮放中心點(diǎn)在所述網(wǎng)頁中所對應(yīng)的節(jié)點(diǎn)區(qū)域中的位置比例； 所述第二獲取模塊，還用于獲取縮放后的所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息； 所述第三獲取模塊，還用于根據(jù)所述節(jié)點(diǎn)區(qū)域在縮放后相對于所述網(wǎng)頁的坐標(biāo)區(qū)域信息及所述位置比例，獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息。
10.根據(jù)權(quán)利要求9所述的裝置，其特征在于， 所述第四獲取模塊，包括 第一獲取單元，用于獲取縮放前所述縮放中心點(diǎn)相對于所述網(wǎng)頁的第三坐標(biāo)信息(XpLYpl)； 定位單元，用于根據(jù)獲取的所述第三坐標(biāo)信息，定位所述縮放中心點(diǎn)所對應(yīng)的所述網(wǎng)頁的所述節(jié)點(diǎn)區(qū)域； 第二獲取單元，用于獲取所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域(Xn，Yn) (ffn, Hn)，其中，(Xn, Yn)為所述節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，fc為所述節(jié)點(diǎn)區(qū)域的寬度，Hn為所述節(jié)點(diǎn)區(qū)域的高度；比例確定單元，用于根據(jù)所述第一獲取單元獲取的第三坐標(biāo)信息和第二獲取單元獲取的所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的所述坐標(biāo)區(qū)域，獲取所述縮放中心點(diǎn)在所述節(jié)點(diǎn)區(qū)域中的所述位置比例，其中，所述位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY PercentX = (Xpl-Xn)/Wn,PercentY = (Ypl-Yn)/Hn ； 所述第二獲取模塊，還用于獲取縮放后所述節(jié)點(diǎn)區(qū)域相對于所述網(wǎng)頁的坐標(biāo)區(qū)域(Xm，Ym) (Wm, Hm),其中，(Xm, Ym)為所述節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，Wm為所述節(jié)點(diǎn)區(qū)域的寬度，Hm為所述節(jié)點(diǎn)區(qū)域的高度； 所述第三獲取模塊，還用于根據(jù)所述比例確定單元和所述第二獲取模塊得到的結(jié)果，按照以下公式獲取縮放后所述顯示窗口相對于所述網(wǎng)頁的第二坐標(biāo)信息X2 = Xm+PercentX*ffm-ff/2 ；Y2 = Ym+PercentY*Hm-H/2 ； 其中，(X2，Y2)為所述顯示窗口的左上角頂點(diǎn)相對于所述網(wǎng)頁的坐標(biāo)信息，W為所述顯示窗口的寬度，H為所述顯示窗口的高度。
11.一種瀏覽器，其特征在于，包括權(quán)利要求7至10中任一項(xiàng)所述的裝置。
12.—種移動終端，其特征在于，包括權(quán)利要求11所述的瀏覽器。
全文摘要
本發(fā)明公開了一種網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方法、裝置、瀏覽器及移動終端。其中，該方法包括在接收到輸入的縮放命令后，獲取縮放命令對應(yīng)的縮放中心點(diǎn)；執(zhí)行縮放命令，獲取縮放中心點(diǎn)在縮放后相對于網(wǎng)頁的第一坐標(biāo)信息；將縮放后的縮放中心點(diǎn)作為顯示窗口的中心點(diǎn)，并結(jié)合獲取的第一坐標(biāo)信息，獲取縮放后顯示窗口相對于網(wǎng)頁的第二坐標(biāo)信息；根據(jù)顯示窗口的第二坐標(biāo)信息，顯示網(wǎng)頁在縮放后位于顯示窗口的內(nèi)容。通過本發(fā)明，在網(wǎng)頁縮放后，將進(jìn)行網(wǎng)頁縮放前用戶瀏覽的區(qū)域顯示在瀏覽器可視區(qū)域，避免了用戶進(jìn)行網(wǎng)頁移動，提高了用戶體驗(yàn)。
文檔編號G06F17/30GK102637198SQ20121004896
公開日2012年8月15日 申請日期2012年2月28日 優(yōu)先權(quán)日2012年2月28日
發(fā)明者李海翔, 梁捷 申請人:優(yōu)視科技有限公司