整到屏幕中心顯示，保存用戶的瀏覽的一致性。
[0077]可以發(fā)現(xiàn)，本發(fā)明通過上述步驟，實(shí)現(xiàn)了網(wǎng)頁縮放后的自動(dòng)居中對(duì)齊。
[0078]上述介紹的是通過多點(diǎn)觸摸進(jìn)行縮放的情況，對(duì)于用戶使用的是普通縮放按鈕進(jìn)行縮放的情況，即沒有一個(gè)兩點(diǎn)的中心點(diǎn)。此時(shí)的步驟與上述步驟基本一致，區(qū)別在于步驟S202中的兩點(diǎn)觸摸中心點(diǎn)(Xp，Yp)，不再是兩點(diǎn)的中心點(diǎn)，而是屏幕的中心點(diǎn)(窗口的中心點(diǎn))，即Xp = W/2，Yp = Η/2，其余步驟基本相同。
[0079]實(shí)施例三
[0080]對(duì)應(yīng)于本發(fā)明上述實(shí)施例提供的網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)方法，本發(fā)明實(shí)施例還提供了一種網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)裝置。
[0081]圖3是根據(jù)本發(fā)明實(shí)施例三的網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)裝置的結(jié)構(gòu)框圖，如圖3所示，該裝置可以包括:第一獲取模塊10、第二獲取模塊20、第三獲取模塊30和顯示模塊40。第一獲取模塊10，用于在接收到輸入的縮放命令后，獲取縮放命令對(duì)應(yīng)的縮放中心點(diǎn)；第二獲取模塊20，與第一獲取模塊10相連接，用于執(zhí)行縮放命令，獲取縮放中心點(diǎn)在縮放后相對(duì)于網(wǎng)頁的第一坐標(biāo)信息；第三獲取模塊30，與第二獲取模塊20相連接，用于將縮放后的縮放中心點(diǎn)作為顯示窗口的中心點(diǎn)，并結(jié)合所述獲取的第一坐標(biāo)信息，獲取縮放后顯示窗口相對(duì)于網(wǎng)頁的第二坐標(biāo)信息；顯示模塊40，與第三獲取模塊30相連接，用于根據(jù)顯示窗口的第二坐標(biāo)信息，顯示網(wǎng)頁在縮放后位于顯示窗口的內(nèi)容。
[0082]通過本發(fā)明實(shí)施例，響應(yīng)用戶輸入的縮放命令，獲取縮放命令的縮放中心點(diǎn)；執(zhí)行縮放命令后，獲取縮放中心點(diǎn)在縮放后相對(duì)于網(wǎng)頁的第一坐標(biāo)信息；將縮放后的縮放中心點(diǎn)作為當(dāng)前顯示窗口的中心點(diǎn)，獲取縮放后顯示窗口相對(duì)于網(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)頁移動(dòng)操作，提高了用戶體驗(yàn)。
[0083]在本發(fā)明實(shí)施例中，用戶可以通過多點(diǎn)接觸觸摸顯示器進(jìn)行網(wǎng)頁縮放操作，也可以通過瀏覽器的縮放按鈕進(jìn)行網(wǎng)頁縮放操作，針對(duì)不同的縮放操作方式，在縮放過程中可以選取不同的縮放中心點(diǎn)。
[0084]在本發(fā)明實(shí)施例的一個(gè)優(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)。
[0085]響應(yīng)用戶輸入的縮放命令，獲取縮放命令的縮放中心點(diǎn)之后，可以執(zhí)行縮放命令，獲取縮放中心點(diǎn)在縮放后相對(duì)于網(wǎng)頁的第一坐標(biāo)信息，在本發(fā)明實(shí)施例中，第一坐標(biāo)信息可以標(biāo)記為(Xf，Yf)，(Xf, Yf)為縮放后的縮放中心點(diǎn)相對(duì)于網(wǎng)頁的坐標(biāo)信息。
[0086]獲取到縮放中心點(diǎn)在縮放后相對(duì)于網(wǎng)頁的第一坐標(biāo)信息后，可以以縮放中心為顯示窗口的中心，調(diào)整當(dāng)前窗口的位置，使用戶縮放前瀏覽的區(qū)域顯示在窗口內(nèi)的可視區(qū)域。在本發(fā)明實(shí)施例的一個(gè)優(yōu)選實(shí)施方式中，第三獲取模塊30可以按照以下公式獲取縮放后顯示窗口相對(duì)于網(wǎng)頁的第二坐標(biāo)信息:
[0087]X2 = Xf - W/2 ；
[0088]Y2 = Yf - H/2 ；
[0089]其中，(X2，Y2)為顯示窗口的左上角頂點(diǎn)相對(duì)于網(wǎng)頁的坐標(biāo)信息，(Xf, Yf)為上述第一坐標(biāo)信息(即縮放后的縮放中心的坐標(biāo)信息)，W為顯示窗口的寬度，H為顯示窗口的高度。
[0090]進(jìn)一步的，為了更精確地將縮放前用戶瀏覽的區(qū)域顯示在窗口，可以先定位縮放中心點(diǎn)所對(duì)應(yīng)的網(wǎng)頁的節(jié)點(diǎn)區(qū)域，并獲取縮放中心點(diǎn)在節(jié)點(diǎn)區(qū)域中的位置比例，在調(diào)整縮放后的窗口位置時(shí)，可以根據(jù)獲取的比例位置進(jìn)行調(diào)整。在本發(fā)明實(shí)施例的一個(gè)優(yōu)選實(shí)施方式中，如圖4所示，該裝置還可以包括:第四獲取模塊50，與第一獲取模塊10相連接，用于在執(zhí)行縮放命令之前，獲取縮放中心點(diǎn)在網(wǎng)頁中所對(duì)應(yīng)的節(jié)點(diǎn)區(qū)域中的位置比例；第二獲取模塊20，還用于獲取縮放后的節(jié)點(diǎn)區(qū)域相對(duì)于網(wǎng)頁的坐標(biāo)區(qū)域信息；第三獲取模塊30，還用于根據(jù)上述節(jié)點(diǎn)區(qū)域在縮放后相對(duì)于網(wǎng)頁的坐標(biāo)區(qū)域信息及獲取的位置比例，獲取縮放后顯示窗口相對(duì)于網(wǎng)頁的第二坐標(biāo)信息。
[0091]鑒于上述優(yōu)選實(shí)施方式，如圖5所示，第四獲取模塊50可以包括:第一獲取單元502，用于獲取縮放前縮放中心點(diǎn)相對(duì)于網(wǎng)頁的第三坐標(biāo)信息(Xpl，Ypl);定位單元504，與第一獲取單元502相連接，用于根據(jù)獲取的第三坐標(biāo)信息，定位縮放中心點(diǎn)所對(duì)應(yīng)的網(wǎng)頁的節(jié)點(diǎn)區(qū)域；第二獲取單元506，與定位單元504相連接，用于獲取節(jié)點(diǎn)區(qū)域相對(duì)于網(wǎng)頁的坐標(biāo)區(qū)域(Xn，Yn) (Wn，Hn)，其中，(Xn，Yn)為節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對(duì)于網(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ū)域相對(duì)于網(wǎng)頁的坐標(biāo)區(qū)域，獲取縮放中心點(diǎn)在上述節(jié)點(diǎn)區(qū)域中的位置比例，其中，該位置比例包括水平方向的比例PercentX和垂直方向的比例PercentY:
[0092]PercentX = (Xpl-Xn) /Wn,
[0093]PercentY = (Ypl-Yn)/Hn0
[0094]鑒于上述優(yōu)選實(shí)施方式，上述第二獲取模塊20，還用于獲取縮放后縮放中心點(diǎn)所對(duì)應(yīng)的網(wǎng)頁的節(jié)點(diǎn)區(qū)域相對(duì)于所述網(wǎng)頁的坐標(biāo)區(qū)域(Xm，Ym) (ffm, Hm)，其中，(Xm, Ym)為該節(jié)點(diǎn)區(qū)域的左上角頂點(diǎn)相對(duì)于網(wǎng)頁的坐標(biāo)信息，Wm為該節(jié)點(diǎn)區(qū)域的寬度，Hm為該節(jié)點(diǎn)區(qū)域的高度。
[0095]上述第三獲取模塊30，還用于根據(jù)比例確定單元508和第二獲取模塊20得到的結(jié)果，按照以下公式獲取縮放后顯示窗口相對(duì)于網(wǎng)頁的第二坐標(biāo)信息:
[0096]X2 = Xm+PercentX*ffm — ff/2 ；
[0097]Y2 = Ym+PercentY*Hm — H/2 ;
[0098]其中，(X2，Y2)為顯示窗口的左上角頂點(diǎn)相對(duì)于網(wǎng)頁的坐標(biāo)信息，W為顯示窗口的寬度，H為顯示窗口的高度。
[0099]根據(jù)本發(fā)明實(shí)施例，提供了一種瀏覽器，可以包括:本發(fā)明實(shí)施例提供的上述網(wǎng)頁內(nèi)容顯示的實(shí)現(xiàn)裝置。
[0100]根據(jù)本發(fā)明實(shí)施例，還提供了一種便攜式電子設(shè)備，例如是移動(dòng)終端，可以包括:本發(fā)明實(shí)施例提供的上述裝置。
[0101]通過本發(fā)明上述實(shí)施例提供的網(wǎng)頁內(nèi)容的顯示方案，可以實(shí)現(xiàn)縮放后的網(wǎng)頁內(nèi)容自動(dòng)居中對(duì)齊，方便用戶瀏覽。對(duì)了更具體的描述本發(fā)明實(shí)施的效果，下面通過兩個(gè)具體實(shí)例，對(duì)本發(fā)明實(shí)施例的提供的網(wǎng)頁內(nèi)容的顯示方案的效果進(jìn)行描述。
[0102]圖6是wap頁面放大前的網(wǎng)頁內(nèi)容顯示的效果圖，用戶對(duì)如圖6所示的頁面進(jìn)行多點(diǎn)觸摸放大，該縮放的中心點(diǎn)位于圖中的“瀏覽原圖”，放大之后區(qū)域發(fā)生變化，如圖7所示(圖7是wap頁面放大中的網(wǎng)頁內(nèi)容顯示的效果圖)，通過本發(fā)明實(shí)施例提供的方案對(duì)該頁面進(jìn)行重新折行排版，通過計(jì)算并移動(dòng)視窗位置，將“瀏覽原圖”對(duì)準(zhǔn)在屏幕中間處，達(dá)到如圖8所示的效果，圖8是wap頁面放大后并且自動(dòng)居中對(duì)齊后的網(wǎng)頁內(nèi)容實(shí)現(xiàn)的效果圖。
[0103]圖9是www頁面縮小前的網(wǎng)頁內(nèi)容顯示的效果圖，用戶對(duì)如圖9所示的頁面進(jìn)行多點(diǎn)觸摸縮小，該縮放的中心點(diǎn)在“UC瀏覽器“那一段文本里，然后放大之后區(qū)域發(fā)生變化，如圖10所示(圖10是WWW頁面縮小中的網(wǎng)頁內(nèi)容顯示的效果圖)，通過本發(fā)明實(shí)施例提供的方案對(duì)該頁面進(jìn)行重新折行排版，通過計(jì)算并移動(dòng)視