專利名稱:根據(jù)顯示屏幕大小對頁面進行重新布局的系統(tǒng)和方法
技術領域:
本發(fā)明涉及網(wǎng)絡瀏覽技術,尤其涉及根據(jù)顯示屏幕大小對頁面進行重新布局的方法。
背景技術:
在現(xiàn)有技術的網(wǎng)絡瀏覽技術中,每個瀏覽頁的大小是及布局是預定的,顯示裝置只能是對瀏覽頁進行解釋然后顯示。例如PC機,WAP手機等。通常情況下,瀏覽內(nèi)容是針對特定的瀏覽裝置編制的,例如IE瀏覽器適合在PC機上使用,并且通常的網(wǎng)絡上的內(nèi)容也適合在PC機上瀏覽。
由于技術的發(fā)展,越來越多的設備可以使用網(wǎng)絡,例如WAP手機,普通有線電話,PDA,家用因特網(wǎng)設備(如電冰箱、電視機等)。在用這些設備來瀏覽的情況下,尤其是在用WAP手機,普通有線電話,PDA等顯示屏幕較小的瀏覽裝置的情況下,因為現(xiàn)在網(wǎng)絡中的每個瀏覽頁面通常較大,則需要進行大范圍的滾動才能對一個頁面的全部進行瀏覽。滾動,尤其是大范圍的左右滾動,對用戶瀏覽網(wǎng)絡帶來了很大的不方便。
發(fā)明內(nèi)容
因此,本發(fā)明的目的是提供一種網(wǎng)絡瀏覽系統(tǒng)和方法,這種系統(tǒng)和方法能夠避免用戶對屏幕進行左右滾動。尤其在使用屏幕較小的瀏覽裝置的情況下,本發(fā)明的方法特別有用。
為了實現(xiàn)以上目的,本發(fā)明提供了一種網(wǎng)絡瀏覽系統(tǒng),該系統(tǒng)包括網(wǎng)絡內(nèi)容服務器,瀏覽設備,其特征在于包括位于網(wǎng)絡內(nèi)容服務器和瀏覽設備之間的網(wǎng)絡瀏覽網(wǎng)關,該網(wǎng)關包括接收瀏覽設備的瀏覽請求及瀏覽設備的屏幕的大小的裝置,將接收到的瀏覽請求發(fā)給網(wǎng)絡內(nèi)容服務器的裝置,從網(wǎng)絡內(nèi)容服務器接收頁面的裝置,根據(jù)瀏覽屏幕的大小對頁面進行重新布局的裝置和將重新布局后的頁面發(fā)送給瀏覽設備的裝置。
為了實現(xiàn)以上目的,本發(fā)明還提供了一種網(wǎng)絡瀏覽系統(tǒng)中網(wǎng)絡瀏覽方法,所述系統(tǒng)包括網(wǎng)絡內(nèi)容服務器,瀏覽設備,和位于網(wǎng)絡內(nèi)容服務器和瀏覽設備之間的網(wǎng)絡瀏覽網(wǎng)關,其特征在于所述方法包括步驟網(wǎng)絡瀏覽設備向網(wǎng)絡瀏覽網(wǎng)關發(fā)送瀏覽請求及瀏覽設備的屏幕的大小,瀏覽網(wǎng)關將接收到的瀏覽請求發(fā)給網(wǎng)絡內(nèi)容服務器,瀏覽網(wǎng)關從網(wǎng)絡內(nèi)容服務器接收結(jié)果頁面并根據(jù)瀏覽屏幕的大小對頁面進行重新布局;和將重新布局后的頁面發(fā)送給瀏覽設備。
圖1是本發(fā)明的網(wǎng)絡瀏覽系統(tǒng)的原理圖;和圖2是根據(jù)本發(fā)明的網(wǎng)絡瀏覽方法的流程圖具體實施方式
如圖1所示,本發(fā)明的網(wǎng)絡瀏覽系統(tǒng)包括網(wǎng)絡內(nèi)容服務器,瀏覽設備,以及位于網(wǎng)絡內(nèi)容服務器和瀏覽設備之間的網(wǎng)絡瀏覽網(wǎng)關,該網(wǎng)關包括發(fā)送/接收裝置,頁面布局裝置和接收/發(fā)送裝置。發(fā)送/接收裝置用于接收瀏覽設備的瀏覽請求及瀏覽設備的屏幕的大小,頁面布局裝置根據(jù)瀏覽屏幕的大小對頁面進行重新布局;接收/發(fā)送裝置,用于將接收到的瀏覽請求發(fā)給網(wǎng)絡內(nèi)容服務器;接收/發(fā)送裝置還用于從網(wǎng)絡內(nèi)容服務器接收頁面的裝置,發(fā)送接收裝置還用于將重新布局后的頁面發(fā)送給瀏覽設備的裝置。瀏覽設備可以是移動電話,固定電話,PAD等任何可以上網(wǎng)的設備。本發(fā)明尤其適用的瀏覽設備是利用WAP上網(wǎng)的瀏覽裝置。
圖1的系統(tǒng)的具體工作方法如下網(wǎng)絡瀏覽設備向網(wǎng)絡瀏覽網(wǎng)關發(fā)送一個瀏覽請求,該請求包括網(wǎng)絡地址,頁面地址等。根據(jù)本發(fā)明,該請求還包括一個該瀏覽設備的瀏覽屏幕的大小,優(yōu)選地該大小用每行所能顯示的象素來表示,例如<480>表示是寬度可以顯示480個象素的顯示屏幕。網(wǎng)絡瀏覽網(wǎng)關的發(fā)送/接收裝置接收該請求后分離出表示屏幕大小的參數(shù)和網(wǎng)絡頁面參數(shù)。屏幕大小參數(shù)被送給頁面布局裝置存儲起來,而頁面被參數(shù)通過接收/發(fā)送裝置被送給網(wǎng)絡內(nèi)容服務器。網(wǎng)絡內(nèi)容服務器根據(jù)頁面參數(shù)檢索出頁面并發(fā)回接收/發(fā)送裝置。發(fā)送接收裝置將返回的頁面發(fā)送給頁面布局裝置,頁面布局裝置識別描述該頁面所用的字體參數(shù),并進一步識別出該字體參數(shù)所對應的字體的位圖。例如,字體的大小可以從頁面描述語言的font size知道。在其它情況下,可以不管原來的字體而都統(tǒng)一變換成某一種特定的字體。這樣,就可以知道該種字體中的每個字符所占用的象素,再結(jié)合屏幕象素的大小,就能夠計算出屏幕的每一行所能顯示字數(shù)。接著,頁面布局模塊根據(jù)每一行所能顯示的字數(shù)對頁面進行分行,即加入分行符號。優(yōu)選地,在進行分行前過濾掉屬于動態(tài)對象和圖象的所有內(nèi)容。也可以在被過濾掉的位置加入簡單的說明或符號,表示該位置被刪除了動態(tài)對象或圖象。重新布局后的內(nèi)容被發(fā)送給瀏覽設備進行顯示。在其它實施方式中,瀏覽終端可能不支持HTML(超文本標記語言),而支持的是例如WML(WAP無線標記語言),則在將頁面?zhèn)魉徒o瀏覽設備前還需要將HTML轉(zhuǎn)換成WML。關于將HTML轉(zhuǎn)換成WML是本領域普通技術人員的常識,在此不再詳細描述。瀏覽網(wǎng)關可以識別被請求的頁面是HTML的還是WAP的,并且只在請求的頁面與瀏覽設備的瀏覽器所用的描述語言不一樣的情況下才進行轉(zhuǎn)換。在其它實施方式中,還可以將顯示屏幕的高度方向的象素信息也發(fā)送給網(wǎng)絡瀏覽網(wǎng)關,這樣還可以對網(wǎng)絡頁面的大小也進行分割,分成更小的頁。這樣,每次瀏覽網(wǎng)關實際上只將該更小的頁面(可在一屏內(nèi)顯示)發(fā)送給瀏覽裝置,當瀏覽裝置請求對頁面進行上下滾動時才將相應的上下頁面發(fā)送給瀏覽裝置。
圖2是根據(jù)本發(fā)明的網(wǎng)絡瀏覽方法的流程圖。本發(fā)明的方法可以用于一種網(wǎng)絡瀏覽系統(tǒng)中,該系統(tǒng)包括網(wǎng)絡內(nèi)容服務器,瀏覽設備,和位于網(wǎng)絡內(nèi)容服務器和瀏覽設備之間的網(wǎng)絡瀏覽網(wǎng)關。如圖2所示,在該方法的開始,網(wǎng)絡瀏覽設備向網(wǎng)絡瀏覽網(wǎng)關發(fā)送瀏覽請求及瀏覽設備的屏幕的大小(方框210);接著,瀏覽網(wǎng)關將接收到的瀏覽請求發(fā)給網(wǎng)絡內(nèi)容服務器(方框211);再接著,瀏覽網(wǎng)關從網(wǎng)絡內(nèi)容服務器接收結(jié)果頁面并根據(jù)瀏覽屏幕的大小對頁面進行重新布局(212);最后,將重新布局后的頁面發(fā)送給瀏覽設備(213)。下面,將主要對頁面布局的調(diào)整進行進一步的詳細說明。處理方法為如果屬于動態(tài)對象和圖象則將其濾掉;如果是超鏈、文字則應計算其長度并根據(jù)目前的位置計算當前行是否需要換行處理;如果當前行空的太多,并且后面的1行恰好很短以至可以放在該行的后面,則可以將后面的1行放在該行;如果是表格,則將屏幕大小根據(jù)顯示屏幕的大小拆分后顯示。
例如<img src=“images/test.gif”width=“103”height=“29”>將被忽略或被“image”來代替;<p>在線功能<br>
在線瀏覽(國際風云、財經(jīng)報道、科技動態(tài)、體壇賽事、教育資訊、文學藝術、娛樂星空、交通旅游、房產(chǎn)信息、生活常識等);<br>
收發(fā)電子郵件<br>
增值服務(網(wǎng)上證券、網(wǎng)上銀行、網(wǎng)上彩票、短信息服務、在線游戲、網(wǎng)上門診、網(wǎng)上預定、網(wǎng)上購物、網(wǎng)上覓緣、人才招聘)。</p>
上面的標記將會根據(jù)屏幕的大小(寬度大小)被調(diào)整為<p>在線功能<br>
在線瀏覽(國際風云、財經(jīng)報道、科技動態(tài)、<br>體壇賽事、教育資訊、文學藝術、娛樂星空、<br>交通旅游、房產(chǎn)信息、生活常識等);<br>
收發(fā)電子郵件<br>
增值服務(網(wǎng)上證券、網(wǎng)上銀行、網(wǎng)上彩票、<br>短信息服務、在線游戲、網(wǎng)上門診、網(wǎng)上預定、<br>網(wǎng)上購物、網(wǎng)上覓緣、人才招聘)。</p>
以上雖然參照本發(fā)明的具體實施方式
描述了本發(fā)明,本領域的普通技術人員顯然可以在不脫離本發(fā)明的范圍的情況下對本發(fā)明作很多修改和變化。
權利要求
1.一種網(wǎng)絡瀏覽系統(tǒng),包括網(wǎng)絡內(nèi)容服務器,瀏覽設備,其特征在于包括位于網(wǎng)絡內(nèi)容服務器和瀏覽設備之間的網(wǎng)絡瀏覽網(wǎng)關,該網(wǎng)關包括接收瀏覽設備的瀏覽請求及瀏覽設備的屏幕的大小的裝置,將接收到的瀏覽請求發(fā)給網(wǎng)絡內(nèi)容服務器的裝置,從網(wǎng)絡內(nèi)容服務器接收頁面的裝置,根據(jù)瀏覽屏幕的大小對頁面進行重新布局的裝置和將重新布局后的頁面發(fā)送給瀏覽設備的裝置。
2.如權利要求1所述的系統(tǒng),其特征在于網(wǎng)絡瀏覽網(wǎng)關還包括將網(wǎng)絡內(nèi)容服務器的頁面所用的語言轉(zhuǎn)換成瀏覽裝置所用的語言的裝置。
3.如權利要求1或2所述的系統(tǒng),其特征在于網(wǎng)絡瀏覽網(wǎng)關還包括對頁面中的動態(tài)對象和圖像進行刪減處理的裝置。
4.如權利要求1或7所述的系統(tǒng),其中根據(jù)瀏覽屏幕的大小對頁面進行重新布局的裝置包括根據(jù)瀏覽屏幕的寬度方向的象素數(shù)對頁面進行分行。
5.一種網(wǎng)絡瀏覽系統(tǒng)中網(wǎng)絡瀏覽方法,所述系統(tǒng)包括網(wǎng)絡內(nèi)容服務器,瀏覽設備,和位于網(wǎng)絡內(nèi)容服務器和瀏覽設備之間的網(wǎng)絡瀏覽網(wǎng)關,其特征在于所述方法包括步驟網(wǎng)絡瀏覽設備向網(wǎng)絡瀏覽網(wǎng)關發(fā)送瀏覽請求及瀏覽設備的屏幕的大小,瀏覽網(wǎng)關將接收到的瀏覽請求發(fā)給網(wǎng)絡內(nèi)容服務器,瀏覽網(wǎng)關從網(wǎng)絡內(nèi)容服務器接收結(jié)果頁面并根據(jù)瀏覽屏幕的大小對頁面進行重新布局;和將重新布局后的頁面發(fā)送給瀏覽設備。
6.如權利要求5所述的方法,其特征在于對頁面進行重新布局的步驟包括對頁面描述語言進行轉(zhuǎn)換的步驟。
7.如權利要求5或6所述的方法,其特征在于對頁面進行重新布局的步驟還包括對頁面中的動態(tài)對象和圖像進行刪減的步驟。
8.如權利要求5或7所述的方法,其特征在于根據(jù)瀏覽屏幕的大小對頁面進行重新布局的步驟還包括根據(jù)瀏覽屏幕的寬度對頁面進行重新分行的步驟。
全文摘要
一種網(wǎng)絡瀏覽系統(tǒng)和方法,該系統(tǒng)包括網(wǎng)絡內(nèi)容服務器,瀏覽設備,其特征在于包括位于網(wǎng)絡內(nèi)容服務器和瀏覽設備之間的網(wǎng)絡瀏覽網(wǎng)關,該網(wǎng)關包括接收瀏覽設備的瀏覽請求及瀏覽設備的屏幕的大小的裝置,將接收到的瀏覽請求發(fā)給網(wǎng)絡內(nèi)容服務器的裝置,從網(wǎng)絡內(nèi)容服務器接收頁面的裝置,根據(jù)瀏覽屏幕的大小對頁面進行重新布局的裝置和將重新布局后的頁面發(fā)送給瀏覽設備的裝置。
文檔編號G06F17/00GK1409237SQ01140658
公開日2003年4月9日 申請日期2001年9月20日 優(yōu)先權日2001年9月20日
發(fā)明者王健 申請人:愛達數(shù)碼科技(杭州)有限公司