專利名稱::移動終端網(wǎng)頁頁面的排版顯示方法及系統(tǒng)的制作方法
技術(shù)領(lǐng)域:
:本發(fā)明涉及網(wǎng)頁瀏覽
技術(shù)領(lǐng)域:
,具體地說,涉及一種利用layout排版元素進行移動終端網(wǎng)頁頁面的排版顯示方法及系統(tǒng)。
背景技術(shù):
:在網(wǎng)絡(luò)信息技術(shù)日益發(fā)展的今天,通過網(wǎng)絡(luò)進行信息發(fā)布、查詢等操作成為信息交流的重要方式。而隨著硬件技術(shù)的發(fā)展以及手機的普及應(yīng)用,手機上網(wǎng)正變成這個時代的潮流。比如,日本最大的社交網(wǎng)絡(luò)Mixi,在一年多前通過手機上網(wǎng)的人僅僅10%,一年后通過手機上這家網(wǎng)站的人已經(jīng)超過了60%。這種趨勢也正在國內(nèi)發(fā)生,2008年7月份,中國互聯(lián)網(wǎng)信息中心發(fā)布的一份報告顯示,僅在2008年上半年,使用手機上網(wǎng)的網(wǎng)民數(shù)量增長了2265萬人。因為手機的方便快捷,而且使用手機上網(wǎng)可以不受硬件等設(shè)備以及時間、地點等的限制,人們也越來越喜歡用手機看新聞、看天氣以及查詢股票。用戶在上網(wǎng)過程中,經(jīng)常需要通過瀏覽器執(zhí)行上、下、左、右翻頁、移動等操作,從而實現(xiàn)對網(wǎng)頁元素控件查找、定位,其中使用的最關(guān)鍵的工具就是瀏覽器。不同的手機瀏覽器有不同的兼容性和瀏覽體驗,使用不同瀏覽器上網(wǎng)所消耗的GPRS流量也不相同,各種瀏覽器雖然功能不僅相同,也各有千秋,但基本上都涵蓋了網(wǎng)頁瀏覽、搜索、查詢、下載以及很多個性化的功能,大多數(shù)瀏覽器還與有關(guān)服務(wù)商合作推出手機視頻功能,可以收看到CCTV、省市區(qū)的上星衛(wèi)視、鳳凰臺等在線電視節(jié)目,與家庭電視基本同步播出,此外瀏覽器中還有很多錄像資料可選。但是對于通過移動終端進行網(wǎng)頁信息瀏覽的用戶來說,由于所瀏覽的網(wǎng)頁往往比較大,而手機由于其本身的顯示范圍、數(shù)據(jù)處理能力以及網(wǎng)絡(luò)接入帶寬等的限制,內(nèi)存往往不大,或者網(wǎng)速緩慢影響上網(wǎng)效果。通過網(wǎng)頁的壓縮雖然能夠在一定程度上解決手機內(nèi)存小以及網(wǎng)速慢的缺陷,但是壓縮網(wǎng)頁的同時,也帶來了網(wǎng)頁扭曲比較厲害的弱點,被壓縮的網(wǎng)頁,大多不如正常的電腦瀏覽網(wǎng)頁那么自如,頁面也不顯美觀。因此,對于通過手機進行網(wǎng)頁瀏覽來說,調(diào)整網(wǎng)頁內(nèi)部設(shè)置、選擇合適的字體等對網(wǎng)頁進行重新排版顯示成為網(wǎng)頁瀏覽的重要前提。
發(fā)明內(nèi)容為了解決上述問題,本發(fā)明提供一種移動終端網(wǎng)頁頁面的排版顯示方法,包括把網(wǎng)頁按照預(yù)定規(guī)則劃分為多個包含網(wǎng)頁元素控件的版面;記錄每個版面上某一定點位置的絕對坐標作為定位該版面的索引值,并且為網(wǎng)頁元素控件設(shè)置該網(wǎng)頁元素控件相對于其所歸屬版面的相對坐標;根據(jù)版面的索引值和歸屬該版面的網(wǎng)頁元素控件的相對坐標計算出網(wǎng)頁元素控件的絕對坐標;移動終端根據(jù)所述版面和網(wǎng)頁元素控件的絕對坐標調(diào)取網(wǎng)頁數(shù)據(jù)進行顯示。此外,優(yōu)選的方案是,所述被劃分的多個版面按順序存放在隊列中,并且每一個版面均基于其索引值與其相鄰的版面之間相關(guān)聯(lián)。此外,優(yōu)選的方案是,通過為版面建立標簽的方式來定位版面以及建立版面間的關(guān)聯(lián)關(guān)系。此外,優(yōu)選的方案是,在將網(wǎng)頁劃分為多個版面之后,將當前版面的標簽到下一個版面的標簽之間的網(wǎng)頁控件元素確定為屬于當前版面的網(wǎng)頁控件元素。此外,優(yōu)選的方案是,所述劃分網(wǎng)頁的規(guī)則包括按照網(wǎng)頁中網(wǎng)頁元素控件的底色不同劃分版面;或者按照網(wǎng)頁中網(wǎng)頁元素控件的不同對齊方式劃分;或者將網(wǎng)頁上的所有網(wǎng)頁元素控件進行平均劃分;或者通過網(wǎng)頁上的折疊欄進行網(wǎng)頁元素控件的劃分;或者通過網(wǎng)頁上的表格結(jié)構(gòu)對網(wǎng)頁元素控件進行劃分。再者,優(yōu)選的方案是,在記錄每個版面上某一定點位置的絕對坐標作為定位該版面的索引值的過程中,當前版面上定點位置的絕對坐標根據(jù)上一版面定點位置的絕對坐標與上一版面或者當前版面的大小計算。再者,優(yōu)選的方案是,當選用版面的左上角位置為定點位置時,如果版面左上角位置的絕對坐標按照順序依次為(X1,Y1)、(X2,Y2)、(X3,Y3)…(xn,Yn),則對于適應(yīng)屏幕瀏覽模式的排版來說,X1=X2=X3=-=xn,Yn=Yn-^Hlri;對于縮放模式的排版來說,Xn=Xn-I+Wn-^Yn=Yy+Hy;其中Hi表示第i個版面的縱向長度,Wi表示第i個版面的橫向?qū)挾龋琲=1…η,η表示所劃分的版面的個數(shù)。再者,優(yōu)選的方案是,在把網(wǎng)頁按照預(yù)定規(guī)則劃分為多個包含網(wǎng)頁元素控件的版面的過程中,通過Layout來實現(xiàn)所述對網(wǎng)頁的劃分。另一方面,本發(fā)明還提供一種移動終端網(wǎng)頁頁面的排版顯示系統(tǒng),包括版面劃分單元,用于將服務(wù)提供商提供的網(wǎng)頁按照預(yù)定規(guī)則劃分為多個包含網(wǎng)頁元素控件的版面;索引數(shù)據(jù)庫創(chuàng)建單元,用于在所述版面劃分單元劃分版面之后記錄每個版面上某一定點位置的絕對坐標作為定位該版面的索引值,并且為網(wǎng)頁元素控件設(shè)置該網(wǎng)頁元素控件相對于其所歸屬版面的相對坐標;網(wǎng)頁元素控件定位單元,用于根據(jù)所述索引數(shù)據(jù)庫創(chuàng)建單元所創(chuàng)建的索引數(shù)據(jù)庫中記載的版面的索引值和歸屬該版面的網(wǎng)頁元素控件的相對坐標計算出網(wǎng)頁元素控件的絕對坐標;顯示單元,用于根據(jù)所述索引數(shù)據(jù)庫創(chuàng)建單元所記錄的版面的絕對坐標以及網(wǎng)頁元素控件定位單元所計算出的網(wǎng)頁元素控件的絕對坐標調(diào)取網(wǎng)頁數(shù)據(jù)進行顯示。本發(fā)明適用于移動終端的網(wǎng)頁瀏覽、媒體(音頻、視頻)播放、文件下載、用戶交互和及時通信以及網(wǎng)絡(luò)游戲等方面,本發(fā)明使用數(shù)量上相對遠少于網(wǎng)頁元素控件的版面作為查找網(wǎng)頁元素控件的索引,對龐大的網(wǎng)頁數(shù)據(jù)進行重新排版布局,從而能夠使得網(wǎng)頁在移動終端進行較為快速的優(yōu)化顯示并且便于用戶瀏覽,較快的定位網(wǎng)頁元素控件,進而提高用戶通過移動終端進行上網(wǎng)操作的體驗。通過下面結(jié)合附圖對其實施例進行描述,本發(fā)明的上述特征和技術(shù)優(yōu)點將會變得更加清楚和容易理解。圖1是表示本發(fā)明為網(wǎng)頁元素控件建立索引的樹狀結(jié)構(gòu)示意圖;圖2是表示本發(fā)明移動終端網(wǎng)頁頁面的排版顯示方法的流程圖;圖3是表示本發(fā)明移動終端網(wǎng)頁頁面的排版顯示系統(tǒng)的邏輯結(jié)構(gòu)框圖具體實施例方式下面結(jié)合附圖和具體實施例對本發(fā)明做進一步詳細的描述。為了解決通過移動終端上網(wǎng)過程中由于網(wǎng)頁內(nèi)容龐大而導(dǎo)致瀏覽效果差、瀏覽效率低的問題,本發(fā)明提供的移動終端網(wǎng)頁頁面的排版顯示方法將網(wǎng)頁按照預(yù)定順序劃分為多個版面,網(wǎng)頁中的網(wǎng)頁元素控件被包含在上述多個版面中,從而使用數(shù)量上相對遠少于網(wǎng)頁元素控件的版面作為定位網(wǎng)頁元素控件的索引,提高網(wǎng)頁元素控件定位效率,并通過這種方法對網(wǎng)頁數(shù)據(jù)進行重新排版布局,從而能夠使得網(wǎng)頁在移動終端進行較為快速的顯示并且便于用戶瀏覽,進而提高用戶通過移動終端進行上網(wǎng)操作的體驗。每個Web頁面都是由一大堆的HTML元素組成的,我們把每對〈element〉...</element)這樣的結(jié)構(gòu)稱為box,在Web頁面的排版布局中,瀏覽器把這樣的box作為排版的元素,這個box內(nèi)是可以容納很多其它的HTML標簽的,但是不管它的內(nèi)部有多少的TAGs,box都被我們看成是一個排版元素,比如:<divstyle=‘‘bordersolidIpxblue“>abc</div>和<tableXtr><td><span><i>abc</i></span></td></trX/table>就可以被看成是兩個排版元素div和table(當然div和table的內(nèi)部還可以繼續(xù)細分子的box)。圖1是表示本發(fā)明為網(wǎng)頁元素控件建立索引的樹狀結(jié)構(gòu)圖。如圖1所示,本發(fā)明把網(wǎng)頁按照一定的順序劃分為1個或N個以版面為基礎(chǔ)的排版元素,并將被劃分的多個版面按順序存放在隊列中,并且使每一個版面均與其相鄰的版面之間相關(guān)聯(lián)。每個排版元素均包含M個網(wǎng)頁元素控件(其中N,M均為整數(shù)),通過這種網(wǎng)頁一版面一網(wǎng)頁元素控件的結(jié)構(gòu)重組,實現(xiàn)對網(wǎng)頁數(shù)據(jù)進行重新排版布局,使得對網(wǎng)頁上特定網(wǎng)頁元素空間的定位能夠通過排版元素快速實現(xiàn),從而實現(xiàn)在移動終端上進行網(wǎng)頁顯示優(yōu)化的目的。在本發(fā)明的一個優(yōu)選實施例中,采用Layout來實現(xiàn)對網(wǎng)頁的劃分。為了表述的方便,下面的實施例均以采用Layout劃分網(wǎng)頁為例來進行說明。但Layout并不是本發(fā)明必須要求使用的,也可以直接使用對版面進行數(shù)字定位和設(shè)置大小的方式來劃分網(wǎng)頁。在進行版面劃分之后,記錄每個版面上某一定點位置的絕對坐標,并以該絕對坐標作為定位該版面的索引值,此外還要為每個版面中的網(wǎng)頁元素控件設(shè)置該網(wǎng)頁元素控件相對于其所歸屬版面的相對坐標。然后,根據(jù)版面的索引值和歸屬該版面的網(wǎng)頁元素控件的相對坐標就可以計算出網(wǎng)頁元素控件的絕對坐標;計算出每個網(wǎng)頁元素控件的絕對坐標后,移動終端就可以根據(jù)所計算出來的網(wǎng)頁元素控件的絕對坐標以及之前記錄的版面的絕對坐標調(diào)取網(wǎng)頁數(shù)據(jù)進行顯示。在本發(fā)明的一個優(yōu)選實施方式中,將被劃分的多個版面按順序存放在隊列中,并且每一個版面均基于其索引值與其相鄰的版面之間相關(guān)聯(lián),從而建立起頁面重新排版過程中所必需的相鄰版面之間的關(guān)聯(lián)關(guān)系。在本發(fā)明的又一優(yōu)選實施方式中,采用為網(wǎng)頁所劃分的所有Layout建立標簽的方式使得相鄰的版面之間相關(guān)聯(lián),該標簽作為網(wǎng)頁中所有Layout的標識,用于區(qū)分不同的Layout;并且,Layout標簽的建立也使得每一個Layout能夠與與其相鄰的Layout相關(guān)聯(lián)起來,從而便于在遍歷網(wǎng)頁元素控件數(shù)據(jù)的過程中快速的跳過一整塊不含有目標網(wǎng)頁元素控件的Layout,實現(xiàn)在網(wǎng)頁頁面的排版顯示過程中網(wǎng)頁元素控件的快速定位。需要說明的是,在本實施方式中,Layout的標簽相對于用戶來說是一個不可見的元素,也是一個不可以焦點的元素,只是后臺處理過程中在版面之間建立起關(guān)聯(lián)關(guān)系的一個工具;顯示在用戶面前的只是與Layout的標簽所對應(yīng)的版面,而不會因為Layout標簽的引入而給用戶瀏覽帶來多余的視覺負擔。Layout是用來對容器(Composite)中的各種元素進行排版、定位和設(shè)置大小的通用手段,其中所使用的排版算法會根據(jù)不同的操作系統(tǒng)而不盡相同。由于Layout處理能夠為網(wǎng)頁布局管理提供基本的定位(Positioning)和設(shè)置大小(Sizing)功能外,還能夠給Composite提供一個合適的初始大小,當容器改變大小時,其所有的子控件自動進行重新布局,并且這種布局是和操作系統(tǒng)、語言無關(guān)的,從而使維護這種布局比直接進行位置和大小控制要簡單地多。因此,Layout處理這種根據(jù)容器大小自動對子空間進行重新布局的特點能夠使得本發(fā)明在移動終端的應(yīng)用中更為靈活方便。為了在移動終端上對網(wǎng)頁頁面進行重新排版顯示,不僅需要每個版面的絕對坐標,還需要每個版面所包含的網(wǎng)頁元素控件的絕對坐標,才能通過坐標的定位顯示完整地網(wǎng)頁數(shù)據(jù)。在本發(fā)明所提供的方法中,通過將每個Layout與其所包含的網(wǎng)頁元素控件相關(guān)聯(lián)的方式建立起版面與網(wǎng)頁元素控件之間的聯(lián)系,具體來說,本發(fā)明為每個網(wǎng)頁元素控件設(shè)定一與其所歸屬版面相對應(yīng)的相對坐標,從而根據(jù)網(wǎng)頁元素控件的相對于其所歸屬的版面的相對坐標和其所歸屬的版面的絕對坐標計算出網(wǎng)頁元素控件的絕對坐標,進而根據(jù)絕對坐標進行網(wǎng)頁數(shù)據(jù)的準確定位顯示。其中,具體的計算方法不是本發(fā)明所關(guān)注的重點,可以根據(jù)應(yīng)用系統(tǒng)以及應(yīng)用環(huán)境的需求具體選擇合適的坐標計算方法,故在此不再對網(wǎng)頁元素控件絕對坐標的具體算法做詳細的表述。在記錄每個版面上某一定點位置的絕對坐標作為定位該版面的索引值的過程中,本發(fā)明根據(jù)上一版面相同定點位置的絕對坐標與上一版面或者當前版面的大小計算當前版面上該定點位置的絕對坐標,其中的定點位置優(yōu)選版面四個角的位置,即版面的左上角位置、左下角位置、右上角位置或者右下角位置。當然也可以選用版面上其它位置,位置選擇的不同對絕對坐標的計算方法沒有根本的影響。在本發(fā)明的一個具體實施方式中,記錄每個版面左上角位置的絕對坐標作為定位該版面的索引值,而當前版面左上角位置的絕對坐標則是根據(jù)上一版面左上角位置的絕對坐標與上一版面的版面大小計算出來的,即如果版面左上角位置的絕對坐標按照順序依次為(X1,Y1)、(X2,Y2)、(X3,Y3)...(Xn,Yn),則對于適應(yīng)屏幕瀏覽模式的排版來說,每一版面的橫向?qū)挾榷际窍嗤?,版面的高度則根據(jù)版面內(nèi)容的多少而定,故=X1=X2=X3=…=xn,Yn=Yn-JHlri;對于縮放模式的排版來說,每一版面的橫向?qū)挾群涂v向高度都不確定,所以Xn=Xn-i+Wn-^Yn=Yy+Hy,其中Hi表示第i個版面的縱向長度,Wi表示第i個版面的橫向?qū)挾?,i=1…η,η表示所劃分的版面的個數(shù)。7比如,對于縮放模式的排版來說,假設(shè)有3個版面,第一版面的縱向高度H1和橫向?qū)挾萕1分別為a和b,第一版面的縱向高度H1和橫向?qū)挾萕1分別為c和d;如果將第一版面左上角位置的絕對坐標記錄為(0,0),則第二版面左上角位置的絕對坐標為(a,b),第三版面左上角位置的絕對坐標為(a+c,b+d)。當然也可以采用版面其他位置的絕對坐標作為定位版面的索引值,其定位方法和上述以版面左上角位置的絕對坐標作為定位該版面的索引值的方法類似。比如,如果以版面右下角位置的絕對坐標作為定位該版面的索引值,則當前版面右下角位置的絕對坐標則是根據(jù)上一版面右下角位置的絕對坐標與當前版面的版面大小計算出來的,對于適應(yīng)屏幕瀏覽模式的排版來說,X1=X2=X3=…=xn,Yn=Yn-AHn;對于縮放模式的排版來說,Xn=Xn-i+Wn,Yn=YM+艮。如果以版面左下角位置的絕對坐標作為定位該版面的索引值,則當前版面左下角位置的絕對坐標則是根據(jù)上一版面左下角位置的絕對坐標與上一版面和當前版面的版面大小計算出來的,對于適應(yīng)屏幕瀏覽模式的排版來說,X1=X2=X3=…=Xn,Yn=Yn-1+Hn;對于縮放模式的排版來說,Xn=Xn-AWlri,Yn=Yn_!+Hn;相對坐標表示網(wǎng)頁元素控件在其所歸屬版面中的位置,用于在版面中定位特定的網(wǎng)頁元素控件,在本發(fā)明的一個具體實施方式中,將版面左上角的相對坐標設(shè)置為(0,0),該版面內(nèi)的所有網(wǎng)頁元素控件均左上角(0,0)點為參照點,按照與左上角(0,0)點的位置關(guān)系以二維坐標的方式進行表示。本發(fā)明通過上述Layout標簽和相對坐標的引入,將網(wǎng)頁的基本組成單位設(shè)定為版面,一個網(wǎng)頁的頁面包含一個或者多個版面,每個版面中包含著不同的網(wǎng)頁元素控件。也就是說,網(wǎng)頁中的每個網(wǎng)頁控件元素都必定屬于某一個版面,在版面中網(wǎng)頁控件元素以相對坐標的方式進行定位。這樣在網(wǎng)頁數(shù)據(jù)的排版顯示過程中不僅能夠達到使用版面來定位網(wǎng)頁元素控件的目的,還能夠?qū)崿F(xiàn)一組網(wǎng)頁元素控件的隱藏顯示和移動,使用戶所瀏覽的網(wǎng)頁內(nèi)容盡量簡單明了,提升用戶的瀏覽體驗。具體劃分網(wǎng)頁的規(guī)則可以根據(jù)不同的網(wǎng)頁特點或者特定應(yīng)用環(huán)境來靈活確定,比如,可以按照網(wǎng)頁中網(wǎng)頁元素控件的底色不同劃分版面,或者按照網(wǎng)頁中網(wǎng)頁元素控件的不同對齊方式劃分,或者將網(wǎng)頁上的所有網(wǎng)頁元素控件進行平均劃分,或者通過網(wǎng)頁上的折疊欄進行網(wǎng)頁元素控件的劃分,或者通過網(wǎng)頁上的表格結(jié)構(gòu)對網(wǎng)頁元素控件進行劃分等寸。在本發(fā)明的一個優(yōu)選實施方式中,為劃分的版面建立Layout標簽后,將當前Layout標簽到下一個Layout標簽之間的網(wǎng)頁控件元素定為屬于當前Layout標簽的網(wǎng)頁控件元素。例如LayoutA,button[1],text[2],image[3],text[4],text[5];LayoutB[6],text[7]其中,layout表示版面,button、text、image表示網(wǎng)頁元素控件。上述示例表示0號版面IayoutA包含1至5號網(wǎng)頁元素控件,1到5號網(wǎng)頁元素控件的坐標和顯示范圍都在版面layoutA的范圍內(nèi);6號版面IayoutB僅包含7號網(wǎng)頁元素控件。通過圖1所示的樹狀結(jié)構(gòu)圖可以看出,該樹狀結(jié)構(gòu)分為三層根節(jié)點、版面和網(wǎng)頁元素控件,用戶直接瀏覽的網(wǎng)頁被視為根節(jié)點,通過根節(jié)點可以直接訪問作為網(wǎng)頁基本組成部分的版面,在每一個版面中則可以直接訪問該版面所包含的各個網(wǎng)頁元素控件,如之8前提到的button、text、image等。圖2為本發(fā)明移動終端網(wǎng)頁頁面的排版顯示方法的流程圖,如圖2所示,在用戶需要進行網(wǎng)頁瀏覽操作前,首先需要將服務(wù)提供商提供的網(wǎng)頁按照預(yù)定的規(guī)則劃分為多個包含一定個數(shù)的網(wǎng)頁元素控件的版面(步驟S201);然后記錄每個版面上某一定點位置的絕對坐標作為定位該版面的索引值,并且為網(wǎng)頁元素控件設(shè)置該網(wǎng)頁元素控件相對于其所歸屬版面的相對坐標(步驟S202);經(jīng)過步驟S202,就為網(wǎng)頁中的數(shù)量眾多的所有網(wǎng)頁元素控件建立了以相對數(shù)量較少的版面為查找索引的網(wǎng)頁索引數(shù)據(jù)庫,當需要定位網(wǎng)頁元素控件從而在移動終端對網(wǎng)頁頁面進行排版顯示時,就可以根據(jù)版面的索引值和歸屬該版面的網(wǎng)頁元素控件的相對坐標計算出網(wǎng)頁元素控件的絕對坐標(步驟S203),然后再根據(jù)所述版面和網(wǎng)頁元素控件的絕對坐標調(diào)取網(wǎng)頁數(shù)據(jù)進行顯示(步驟S204)。較之于現(xiàn)有的網(wǎng)頁數(shù)據(jù)顯示方法,本發(fā)明這種通過索引來進行特定網(wǎng)頁控件元素的定位從而實現(xiàn)網(wǎng)頁數(shù)據(jù)的快速顯示的方法能夠更加快速的定位需要顯示的對象,提高版面以及網(wǎng)頁元素控件定位效率,從而提升移動終端用戶的網(wǎng)頁瀏覽體驗。并且,由于前述的Layout處理自身的特性,對于一個網(wǎng)頁來說,一旦為網(wǎng)頁元素控件建立了以版面為索引的索引數(shù)據(jù)庫,只要網(wǎng)頁中的網(wǎng)頁元素控件沒有發(fā)生改變,即使在終端網(wǎng)絡(luò)中斷后重新聯(lián)網(wǎng)載入網(wǎng)頁數(shù)據(jù),也無需重新建立索引數(shù)據(jù)庫;并且用戶進行翻譯、GIF、前進或者后退等操作也無需對索引數(shù)據(jù)庫進行更新。相應(yīng)的,與上述移動終端網(wǎng)頁頁面的排版顯示方法相對應(yīng),本發(fā)明還提供一種移動終端網(wǎng)頁頁面的排版顯示系統(tǒng),圖3是表示本發(fā)明移動終端網(wǎng)頁頁面的排版顯示系統(tǒng)的邏輯結(jié)構(gòu)框圖。如圖3所示,移動終端網(wǎng)頁頁面的排版顯示系統(tǒng)包括版面劃分單元301、索引數(shù)據(jù)庫創(chuàng)建單元302、網(wǎng)頁元素控件定位單元303和顯示單元304。其中,版面劃分單元301用于將服務(wù)提供商提供的網(wǎng)頁按照預(yù)定規(guī)則劃分為多個包含一定個數(shù)的網(wǎng)頁元素控件的版面,索引數(shù)據(jù)庫創(chuàng)建單元302用于在所述版面劃分單元301劃分版面之后記錄每個版面上某一定點位置的絕對坐標作為定位該版面的索引值,并且為網(wǎng)頁元素控件設(shè)置該網(wǎng)頁元素控件相對于其所歸屬版面的相對坐標,從而在相鄰版面以及版面與歸屬于版面的網(wǎng)頁元素控件之間建立起可以實現(xiàn)定位的關(guān)聯(lián)關(guān)系,為頁面的快速排版顯示建立起網(wǎng)頁、版面和網(wǎng)頁元素控件的索引數(shù)據(jù)庫;在索引數(shù)據(jù)庫創(chuàng)建單元302完成索引數(shù)據(jù)庫的創(chuàng)建之后,當網(wǎng)頁頁面排版顯示過程中需要定位某一網(wǎng)頁元素控件時,網(wǎng)頁元素控件定位單元303就可以根據(jù)索引數(shù)據(jù)庫創(chuàng)建單元302所創(chuàng)建的索引數(shù)據(jù)庫中記載的版面的索引值和歸屬該版面的網(wǎng)頁元素控件的相對坐標計算出網(wǎng)頁元素控件的絕對坐標;在確定了版面和網(wǎng)頁元素控件的絕對坐標后,顯示單元304再根據(jù)索引數(shù)據(jù)庫創(chuàng)建單元302所記錄的版面的絕對坐標以及網(wǎng)頁元素控件定位單元303所計算出的網(wǎng)頁元素控件的絕對坐標調(diào)取網(wǎng)頁數(shù)據(jù)進行顯示。本發(fā)明適用于網(wǎng)頁瀏覽、媒體(音頻、視頻)播放、文件下載、用戶交互和及時通信以及網(wǎng)絡(luò)游戲等諸多方面,通過為網(wǎng)頁上數(shù)量眾多的網(wǎng)頁元素控件建立以版面為索引的索引數(shù)據(jù)庫的方式使得移動終端在進行網(wǎng)頁頁面的重新排版顯示過程中能夠?qū)Π婷婧途W(wǎng)頁元素控件進行快速定位,從而能夠較快的實現(xiàn)頁面在移動終端的排版顯示,提高用戶的上網(wǎng)瀏覽效率;并且該方法在聯(lián)網(wǎng)重新載入網(wǎng)頁數(shù)據(jù)或者進行前進或者后退等操作時也無需重建或者更新已建立的索引數(shù)據(jù)庫,具有更強的穩(wěn)定性和廣泛的適用性。在本發(fā)明的上述教導(dǎo)下,本領(lǐng)域技術(shù)人員可以在上述實施例的基礎(chǔ)上進行各種改進和變形,而這些改進和變形,都落在本發(fā)明的保護范圍內(nèi),本領(lǐng)域技術(shù)人員應(yīng)該明白,上述的具體描述只是更好的解釋本發(fā)明的目的,本發(fā)明的保護范圍由權(quán)利要求及其等同物限定。權(quán)利要求一種移動終端網(wǎng)頁頁面的排版顯示方法,包括把網(wǎng)頁按照預(yù)定規(guī)則劃分為多個包含網(wǎng)頁元素控件的版面;記錄每個版面上某一定點位置的絕對坐標作為定位該版面的索引值,并且為網(wǎng)頁元素控件設(shè)置該網(wǎng)頁元素控件相對于其所歸屬版面的相對坐標;根據(jù)版面的索引值和歸屬該版面的網(wǎng)頁元素控件的相對坐標計算出網(wǎng)頁元素控件的絕對坐標;所述移動終端根據(jù)所述版面和網(wǎng)頁元素控件的絕對坐標調(diào)取網(wǎng)頁數(shù)據(jù)進行顯示。2.按照權(quán)利要求1所述的方法,其中,所述被劃分的多個版面按順序存放在隊列中,并且每一個版面均基于其索引值與其相鄰的版面之間相關(guān)聯(lián)。3.按照權(quán)利要求2所述的方法,其中,通過為版面建立標簽的方式來定位版面以及建立版面間的關(guān)聯(lián)關(guān)系。4.按照權(quán)利要求3所述的方法,其中,在將網(wǎng)頁劃分為多個版面之后,將當前版面的標簽到下一個版面的標簽之間的網(wǎng)頁控件元素確定為屬于當前版面的網(wǎng)頁控件元素。5.按照權(quán)利要求4所述的方法,其中,所述劃分網(wǎng)頁的規(guī)則包括按照網(wǎng)頁中網(wǎng)頁元素控件的底色不同劃分版面;或者按照網(wǎng)頁中網(wǎng)頁元素控件的不同對齊方式劃分;或者將網(wǎng)頁上的所有網(wǎng)頁元素控件進行平均劃分;或者通過網(wǎng)頁上的折疊欄進行網(wǎng)頁元素控件的劃分;或者通過網(wǎng)頁上的表格結(jié)構(gòu)對網(wǎng)頁元素控件進行劃分。6.按照權(quán)利要求4所述的方法,其中,在記錄每個版面上某一定點位置的絕對坐標作為定位該版面的索引值的過程中,當前版面上定點位置的絕對坐標根據(jù)上一版面定點位置的絕對坐標與上一版面或者當前版面的大小計算。7.按照權(quán)利要求6所述的方法,其中,所述定點位置為版面的左上角位置、左下角位置、右上角位置或者右下角位置。8.按照權(quán)利要求7所述的方法,其中,當選用版面的左上角位置為定點位置時,如果版面左上角位置的絕對坐標按照順序依次為(X1,Y1)、(X2,Y2)、(X3,Y3)...(X,Yn),則對于適應(yīng)屏幕瀏覽模式的排版來說,X1=X2=X3=…=x,Yn=Yn-AHlri;對于縮放模式的排版來說,Xn=Xn-AWlri,Yn=Yn-^1;其中Hi表示第i個版面的縱向長度,Wi表示第i個版面的橫向?qū)挾?,i=1···η,η表示所劃分的版面的個數(shù)。9.按照權(quán)利要求8所述的方法,其中,在把網(wǎng)頁按照預(yù)定規(guī)則劃分為多個包含網(wǎng)頁元素控件的版面的過程中,通過Layout來實現(xiàn)所述對網(wǎng)頁的劃分。10.一種移動終端網(wǎng)頁頁面的排版顯示系統(tǒng),包括版面劃分單元(301),用于將服務(wù)提供商提供的網(wǎng)頁按照預(yù)定規(guī)則劃分為多個包含網(wǎng)頁元素控件的版面;索引數(shù)據(jù)庫創(chuàng)建單元(302),用于在所述版面劃分單元(301)劃分版面之后記錄每個版面上某一定點位置的絕對坐標作為定位該版面的索引值,并且為網(wǎng)頁元素控件設(shè)置該網(wǎng)頁元素控件相對于其所歸屬版面的相對坐標;網(wǎng)頁元素控件定位單元(303),用于根據(jù)所述索引數(shù)據(jù)庫創(chuàng)建單元(302)所創(chuàng)建的索引數(shù)據(jù)庫中記載的版面的索引值和歸屬該版面的網(wǎng)頁元素控件的相對坐標計算出網(wǎng)頁元素控件的絕對坐標;顯示單元(304),用于根據(jù)所述索引數(shù)據(jù)庫創(chuàng)建單元(302)所記錄的版面的絕對坐標以及網(wǎng)頁元素控件定位單元(303)所計算出的網(wǎng)頁元素控件的絕對坐標調(diào)取網(wǎng)頁數(shù)據(jù)進行顯不。11.按照權(quán)利要求10所述的系統(tǒng),其特征在于,在所述索引數(shù)據(jù)庫創(chuàng)建單元(302)中,將被所述版面劃分單元(301)劃分的多個版面按順序存放在隊列中,并且使得每一個版面均基于其索引值與其相鄰的版面之間相關(guān)聯(lián)。全文摘要本發(fā)明提供一種移動終端網(wǎng)頁頁面的排版顯示方法及系統(tǒng),其中的方法包括把網(wǎng)頁按照預(yù)定規(guī)則劃分為多個包含網(wǎng)頁元素控件的版面;記錄每個版面上某一定點位置的絕對坐標作為定位該版面的索引值,并且為網(wǎng)頁元素控件設(shè)置該網(wǎng)頁元素控件相對于其所歸屬版面的相對坐標;根據(jù)版面的索引值和歸屬該版面的網(wǎng)頁元素控件的相對坐標計算出網(wǎng)頁元素控件的絕對坐標;移動終端根據(jù)所述版面和網(wǎng)頁元素控件的絕對坐標調(diào)取網(wǎng)頁數(shù)據(jù)進行顯示。本發(fā)明使用數(shù)量上相對遠少于網(wǎng)頁元素控件的版面作為查找網(wǎng)頁元素控件的索引,對龐大的網(wǎng)頁數(shù)據(jù)進行重新排版布局,從而能夠使得網(wǎng)頁在移動終端進行較為快速的優(yōu)化顯示,進而提高用戶通過移動終端進行上網(wǎng)操作的體驗。文檔編號G06F17/30GK101894168SQ201010242729公開日2010年11月24日申請日期2010年8月3日優(yōu)先權(quán)日2010年6月30日發(fā)明者梁捷,毛貫力申請人:優(yōu)視科技有限公司