本發(fā)明涉及移動互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別涉及一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法與裝置。

背景技術(shù)：
瀏覽器是一種訪問互聯(lián)網(wǎng)上資源的應(yīng)用軟件，信息資源通常以超文本格式存放在網(wǎng)絡(luò)服務(wù)器上，瀏覽器通過一定格式的網(wǎng)址（例如URL）訪問網(wǎng)絡(luò)服務(wù)器，將所需要的資源翻譯成網(wǎng)頁，網(wǎng)頁可以包含圖形、音頻、視頻還有文本。隨著移動通信技術(shù)的發(fā)展，人們越來越頻繁使用手機等移動嵌入式設(shè)備訪問互聯(lián)網(wǎng)獲取信息資源，以便隨時隨地獲取所要資訊。開發(fā)手機等移動終端的訪問網(wǎng)絡(luò)技術(shù)具有重要的現(xiàn)實意義和廣闊的市場前景。響應(yīng)式布局是EthanMarcotte在2010年5月份提出的一個概念，簡而言之，就是一個網(wǎng)站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯(lián)網(wǎng)瀏覽而誕生的?，F(xiàn)有的主流移動設(shè)備的瀏覽器都在這一方向上進行過一些嘗試。微軟公司在其早期的WindowsMobile系統(tǒng)中的IEMobile系列瀏覽器，使用的策略是將網(wǎng)頁中的所有元素縱向排列，以此來方便用戶的閱讀。谷歌在其Android系統(tǒng)的瀏覽器中，采用了文字自動換行技術(shù)，即在網(wǎng)頁縮放時，重新對網(wǎng)頁中的文字段落進行重排版，讓文字根據(jù)當(dāng)前縮放比例和屏幕的關(guān)系自動換行，保證在用戶閱讀時，不需要對網(wǎng)頁進行左右滾屏操作。蘋果和微軟公司在系統(tǒng)的瀏覽器中，采取了TextScaling技術(shù)，通過在網(wǎng)頁首次渲染的時候?qū)W(wǎng)頁不同容器中的字體進行調(diào)整，保證容器被縮放到屏幕正中時，容器中的文字大小適合用戶閱讀并且不需要左右滾屏，這一技術(shù)成功避免了每次縮放都對網(wǎng)頁進行重排版。但是這種技術(shù)最大的缺點就是僅僅提升了網(wǎng)頁中的大段文字在移動設(shè)備上的閱讀體驗，而對于更多的網(wǎng)頁元素如圖片或視頻，就無能為力了。并且，這些技術(shù)上破壞了網(wǎng)頁的布局，容易造成網(wǎng)頁的排版混亂，或者內(nèi)容重疊或者大塊空白等問題。另一個研究方向則是引入服務(wù)器端重排版技術(shù)，該技術(shù)是以服務(wù)器緩存加速技術(shù)，通過在服務(wù)器對網(wǎng)頁進行重新排版，使得網(wǎng)頁的字體和寬度使用移動設(shè)備較低的分辨率，并通過緩存重排后的網(wǎng)頁，減少了和網(wǎng)站請求服務(wù)器的次數(shù)。由于移動設(shè)備的多樣性，不同的設(shè)備有著不同的分辨率，導(dǎo)致在服務(wù)器端重排的網(wǎng)頁，對用戶的設(shè)備屏幕的適配都未能達到最優(yōu)化。而且服務(wù)器重排技術(shù)也需要投入大量的服務(wù)器資源，成本較高。由于需要緩存重排后的網(wǎng)頁，因此對于一些實時性要求很高的網(wǎng)頁，處理的會比較滯后，喪失了網(wǎng)站本來實時刷新的特點。對于一些涉及到用戶隱私的網(wǎng)站（如電子商務(wù)），由于服務(wù)器重排技術(shù)要求客戶端的建立和重排緩存服務(wù)器的連接，因此用戶的隱私內(nèi)容都需要保存到重排緩存服務(wù)器中，增加隱私泄漏的風(fēng)險。

技術(shù)實現(xiàn)要素：
本發(fā)明針對現(xiàn)有技術(shù)存在的問題，提出一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法和裝置，采用客戶端重排版技術(shù)，將傳統(tǒng)網(wǎng)站上所展現(xiàn)的內(nèi)容并考慮用戶體驗為主的前提下合理的顯示在移動設(shè)備瀏覽器頁面中，并保證網(wǎng)站內(nèi)容的實時性，而且所有的數(shù)據(jù)交互只發(fā)生在移動終端和internet互聯(lián)網(wǎng)的網(wǎng)站服務(wù)器，不加入第三方服務(wù)器的干涉，保護了用戶的隱私安全。本發(fā)明的技術(shù)方案：一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法，其特征在于，在移動終端采用客戶端重排版技術(shù)，數(shù)據(jù)的交互只發(fā)生在所述移動終端客戶端和internet互聯(lián)網(wǎng)之間，所述方法包括以下步驟：步驟一，根據(jù)所述移動終端訪問互聯(lián)網(wǎng)后傳遞過來的網(wǎng)頁頁面數(shù)據(jù)，判斷是否為移動終端設(shè)備客戶端，若是移動設(shè)備客戶端，則按照特定規(guī)則獲取所訪問的網(wǎng)站的代碼和布局樣式；步驟二，根據(jù)不同的設(shè)備類型和不同的屏幕分辨率的大小，對所訪問的網(wǎng)站的代碼結(jié)構(gòu)進行標(biāo)記，將標(biāo)記后的網(wǎng)頁信息存儲至所述移動終端客戶端；步驟三，根據(jù)所述移動終端設(shè)備的顯示特性，解析所存儲的網(wǎng)站頁面信息，分析重排方式，對所述網(wǎng)站頁面進行重新排版，在所述移動終端設(shè)備屏幕中創(chuàng)建并顯示適配處理后的新的網(wǎng)頁布局。所述步驟一中，所述特定規(guī)則是指識別此網(wǎng)站是否為html代碼的規(guī)則，若是html代碼，則提取html代碼和css樣式。所述步驟三中，所述分析重排方式是指分析標(biāo)記后的網(wǎng)站信息與所述移動終端的匹配度。所述步驟三中，所述解析網(wǎng)站頁面信息包括html語法分析，頁面元素提取，css語法解析的操作。所述步驟三中，所述適配處理是指為了提升用戶的移動瀏覽體驗,使得同一個網(wǎng)頁自動適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動調(diào)整布局；所述適配處理包括：根據(jù)所述移動終端的設(shè)備參數(shù)信息對文檔進行頁面重新排版；根據(jù)所述移動終端的設(shè)備參數(shù)信息對圖片進行顯示大小等縮比調(diào)整；根據(jù)所述移動終端的設(shè)備參數(shù)信息對視頻格式做調(diào)整，轉(zhuǎn)換為所述移動設(shè)備瀏覽器可支持的文件格式，再結(jié)合屏幕大小自動調(diào)整布局。所述步驟三中，所述解析網(wǎng)站頁面信息還包括對實時更新的網(wǎng)站信息進行實時解析，具體為當(dāng)所述移動終端的瀏覽器成功鏈接internet互聯(lián)網(wǎng)之后，所述移動終端對所接收到的實時更新的網(wǎng)站信息同樣釆用了客戶端重排版技術(shù)，所述移動終端實時顯示所述網(wǎng)站頁面信息。所述方法還包含過濾掉所述網(wǎng)頁的無關(guān)元素的步驟。所述移動終端包括如下主流智能移動設(shè)備：iPhone系列、安卓、WindowsPhone、黑莓、塞班，或屏幕大小為3寸至6寸之間不等的移動終端。一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的裝置，其特征在于，包括訪問模塊、標(biāo)記模塊、解析模塊、存儲模塊、處理及顯示模塊，其中訪問模塊，連接所述移動終端的瀏覽器和所述存儲模塊，用于接收所述移動終端瀏覽器成功鏈接internet互聯(lián)網(wǎng)后傳遞過來的網(wǎng)頁頁面數(shù)據(jù)，根據(jù)所述移動終端訪問互聯(lián)網(wǎng)后傳遞過來的網(wǎng)頁頁面數(shù)據(jù)，判斷是否為所述移動終端客戶端，按照特定規(guī)則獲取所訪問的網(wǎng)站的代碼和布局樣式；標(biāo)記模塊，連接訪問模塊和存儲模塊，用于根據(jù)不同的設(shè)備類型和不同的屏幕分辨率的大小，對所訪問的網(wǎng)站進行標(biāo)記；存儲模塊，連接標(biāo)記模塊和解析模塊，用于存儲所述標(biāo)記模塊標(biāo)記后的網(wǎng)站頁面信息和所述移動終端的用戶在訪問網(wǎng)站過程中的交互記錄；解析模塊，連接存儲模塊和數(shù)據(jù)處理模塊，用于根據(jù)所述移動終端的顯示特性，解析所述存儲模塊中的頁面信息，將解析后的頁面信息傳遞至所述處理及顯示模塊；處理及顯示模塊，連接解析模塊，用于接收所述解析模塊傳來的解析后的頁面信息，對所述解析后的頁面信息進行重新排版；用于在所述移動終端屏幕中創(chuàng)建并顯示適配處理后的新的網(wǎng)頁布局。所述處理及顯示模塊還包括過濾模塊，用于過濾掉所述網(wǎng)頁中無關(guān)元素。本發(fā)明的技術(shù)效果：本發(fā)明提出的在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的實現(xiàn)方法與系統(tǒng)和裝置，能夠與多種類型的移動終端瀏覽器相配合工作，自動探測屏幕寬度，加載相應(yīng)的css文件，對網(wǎng)絡(luò)服務(wù)器上的網(wǎng)頁主體結(jié)構(gòu)進行合理的制定、調(diào)整、過濾、重排，從網(wǎng)頁整體布局脈絡(luò)上進行智能自適應(yīng)調(diào)整顯示，將互聯(lián)網(wǎng)上的豐富資源結(jié)合用戶個性需求布局遷移到移動終端自帶的瀏覽器頁面中，以達到針對不同類型的移動終端設(shè)備屬性進行自適應(yīng)適配的技術(shù)效果，既能夠?qū)崿F(xiàn)通用性，還可以在保障網(wǎng)站內(nèi)容相對完整性的同時，為移動終端用戶提供一種互聯(lián)網(wǎng)實時性訪問體驗。1.本發(fā)明所述一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法與裝置采用完全的移動終端客戶端重排技術(shù)，通過與多種類型的移動終端瀏覽器相配合工作，對網(wǎng)站進行重新排版，將頁面信息轉(zhuǎn)換成與移動終端設(shè)備相適配的表現(xiàn)形式，呈現(xiàn)了將互聯(lián)網(wǎng)的豐富資源結(jié)合用戶個性需求布局遷移到移動終端設(shè)備自帶的瀏覽器頁面中的技術(shù)效果。2.通過在移動終端客戶端對網(wǎng)站網(wǎng)頁內(nèi)容的重新排版，可以過濾掉原網(wǎng)站中很多不必要的內(nèi)容（例如廣告），提高訪問速度，節(jié)省網(wǎng)絡(luò)帶寬。3.服務(wù)器重排版技術(shù)常常涉及到用戶隱私的問題，本發(fā)明所述一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法與裝置采用完全的移動終端客戶端重排版技術(shù)，所有的數(shù)據(jù)交互只發(fā)生在所述智能響應(yīng)式布局裝置所在的移動終端客戶端和internet互聯(lián)網(wǎng)網(wǎng)站服務(wù)器之間，不加入任何第三方服務(wù)器的干涉，既能夠保護移動終端用戶的隱私安全，又提高了所述智能響應(yīng)式布局裝置的可維護性。4.移動終端設(shè)備瀏覽器成功鏈接網(wǎng)絡(luò)服務(wù)器后，所接收到實時返回的網(wǎng)站信息，同樣運用了本發(fā)明所述的所述智能響應(yīng)式布局裝置移動終端客戶端重排版技術(shù)，保證了網(wǎng)頁在用戶移動設(shè)備中的內(nèi)容得到實時性展現(xiàn)。附圖說明圖1是本發(fā)明與移動終端設(shè)備及internet互聯(lián)網(wǎng)的結(jié)構(gòu)關(guān)系示意圖。圖2是本發(fā)明一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法流程圖。圖3是本發(fā)明一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的裝置邏輯結(jié)構(gòu)框圖。具體實施方式響應(yīng)式布局簡言之就是一個網(wǎng)站能夠兼容多個終端—而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯(lián)網(wǎng)瀏覽而誕生的。本發(fā)明提出一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的裝置，該發(fā)明能夠與多種類型的移動終端瀏覽器相配合工作，將互聯(lián)網(wǎng)上的豐富資源結(jié)合用戶個性需求布局遷移到移動終端自帶的瀏覽器頁面中，以達到針對不同類型的移動終端設(shè)備屬性在所述智能響應(yīng)式布局系統(tǒng)移動終端客戶端和internet互聯(lián)網(wǎng)之間進行自適應(yīng)適配的技術(shù)效果。圖1本發(fā)明與移動終端設(shè)備及internet互聯(lián)網(wǎng)的結(jié)構(gòu)關(guān)系示意圖。如圖1所示，移動終端設(shè)備對內(nèi)承載有移動終端設(shè)備自帶的瀏覽器（當(dāng)然也可以是后加載的瀏覽器）和本發(fā)明所述移動終端內(nèi)部加載的智能響應(yīng)式布局裝置，對外與internet互聯(lián)網(wǎng)進行網(wǎng)絡(luò)鏈接。所述移動終端通過系統(tǒng)接口與所述瀏覽器之間在移動終端設(shè)備內(nèi)部進行通信。移動終端設(shè)備的瀏覽器首先通過通訊協(xié)議獲取網(wǎng)絡(luò)服務(wù)器的網(wǎng)頁數(shù)據(jù)（通訊協(xié)議可以是HTTP協(xié)議等），所述在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的裝置將所述移動終端設(shè)備瀏覽器接收到的網(wǎng)頁數(shù)據(jù)進行解析，將從internet互聯(lián)網(wǎng)上原始接收到的網(wǎng)頁數(shù)據(jù)進行重新布局展現(xiàn)。圖2是本發(fā)明一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法流程圖。如圖所示，本發(fā)明所述一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法包含以下步驟：步驟一，根據(jù)所述移動終端設(shè)備訪問互聯(lián)網(wǎng)后傳遞過來的網(wǎng)頁頁面數(shù)據(jù)，判斷是否為移動設(shè)備客戶端，按照特定規(guī)則獲取所訪問的網(wǎng)站的代碼和布局樣式；移動終端設(shè)備用戶通過移動終端設(shè)備訪問internet互聯(lián)網(wǎng)時，首先打開移動終端設(shè)備上的瀏覽器，在瀏覽器中輸入需要訪問的網(wǎng)址。瀏覽器有很多版本，例如google、firefox、ie、safari、opar。那么對于移動終端設(shè)備而言，蘋果自帶瀏覽器是safari瀏覽器，而安卓系統(tǒng)的機器自帶的瀏覽器一般是uc瀏覽器，當(dāng)然也可以下載其他瀏覽器置于移動終端設(shè)備中。開啟的瀏覽器通過網(wǎng)絡(luò)傳輸協(xié)議（例如HTTP協(xié)議）向internet互聯(lián)網(wǎng)提交鏈接請求，成功鏈接至internet之后，智能響應(yīng)式布局移動終端一方面利用前端腳本技術(shù)按照特定規(guī)則獲取網(wǎng)站代碼和樣式，所述特定規(guī)則是指首先識別此網(wǎng)站是否為html代碼，若是html代碼，則提取html和css；所述網(wǎng)站的代碼是指html代碼。智能響應(yīng)式布局移動終端另一方面監(jiān)測打開網(wǎng)頁信息的瀏覽器版本，判斷發(fā)出internet互聯(lián)網(wǎng)鏈接請求的終端是否為移動設(shè)備的客戶端，還是普通的PC終端。若判斷是普通的PC終端，智能響應(yīng)式布局移動終端正常顯示原始網(wǎng)站信息，智能響應(yīng)式布局移動終端內(nèi)部加載的智能響應(yīng)式布局裝置不響應(yīng)；若判斷是移動設(shè)備的客戶端，啟動移動終端內(nèi)部加載的智能響應(yīng)式布局移動裝置。步驟二，根據(jù)不同的設(shè)備類型和不同的屏幕分辨率的大小，對所訪問的網(wǎng)站的代碼結(jié)構(gòu)進行標(biāo)記，將標(biāo)記后的網(wǎng)頁信息存儲至所述移動終端客戶端。經(jīng)判斷，得到發(fā)出internet鏈接請求的終端為移動設(shè)備客戶端這一結(jié)論后，根據(jù)移動終端設(shè)備（例如蘋果、安卓、WindowsPhone、黑莓、塞班等）的參數(shù)信息（例如移動終端設(shè)備屏幕大小、色彩度、設(shè)備應(yīng)用配置等）對網(wǎng)站進行標(biāo)記，將標(biāo)記后的網(wǎng)站信息存儲至終端設(shè)備的客戶端，分析重排方式，解析css樣式表對象，然后通過正則表達式獲取需要的值。所述網(wǎng)站標(biāo)記是指前端技術(shù)對網(wǎng)站html代碼結(jié)構(gòu)進行一種技術(shù)上的標(biāo)記，包括獲取一個網(wǎng)站某一個顯示模塊的結(jié)構(gòu)，判斷其寬度和高度取值計算并且計算對應(yīng)在不同移動設(shè)備瀏覽器中應(yīng)該如何變化自身寬度，使自己完美展現(xiàn)在移動設(shè)備中。獲知網(wǎng)站某一個顯示模塊內(nèi)部有多少元素，標(biāo)記元素，為后期做判斷等操作做準(zhǔn)備。獲知網(wǎng)站某一個顯示模塊，例如希望某一個位置的圖片可以在不同移動設(shè)備大小不同的時候以不同尺寸進行切換，那么就標(biāo)記一種方式來進行。步驟三，根據(jù)所述移動終端設(shè)備的顯示特性，解析所存儲的網(wǎng)站頁面信息，分析重排方式，對所述網(wǎng)站頁面進行重新排版，在所述移動終端設(shè)備屏幕中創(chuàng)建并顯示適配處理后的新的網(wǎng)頁布局。所述分析重排方式是指分析標(biāo)記后的網(wǎng)站信息與移動終端的匹配度。具體地，訪問成功后技術(shù)回調(diào)分析響應(yīng)中的css方法，網(wǎng)站按照特定規(guī)則（有時需要結(jié)合W3C規(guī)范）獲取網(wǎng)站代碼和樣式，頁面加載順序為由上至下，即先加載css文件再加載html等標(biāo)簽結(jié)構(gòu)。所述解析網(wǎng)站頁面信息包括html語法分析，頁面元素提取，css語法解析的操作。所述適配處理包括：根據(jù)所述移動終端的設(shè)備參數(shù)信息對文檔進行頁面重新排版；根據(jù)所述移動終端的設(shè)備參數(shù)信息對圖片進行顯示大小等縮比調(diào)整；根據(jù)所述移動終端的設(shè)備參數(shù)信息對視頻格式做調(diào)整，轉(zhuǎn)換為所述移動設(shè)備瀏覽器可支持的文件格式，再結(jié)合屏幕大小自動調(diào)整布局。網(wǎng)站初始化時加載DOM內(nèi)容，將html文檔進行css（CascadingStyleSheet，樣式表對象）解析，然后通過正則表達式獲取需要的值并監(jiān)測。文檔對象模型（DocumentObjectModel，簡稱DOM），是指萬維網(wǎng)聯(lián)盟（W3C）組織推薦的處理可擴展置標(biāo)語言的標(biāo)準(zhǔn)編程接口，能夠以一種獨立于平臺和語言的方式訪問和修改一個文檔的內(nèi)容和結(jié)構(gòu)，用于表示和處理一個html或xml文檔。為了能夠更好的兼容移動設(shè)備瀏覽器，開發(fā)人員還制定了一些有關(guān)后期頁面制作的自定義規(guī)則。例如使用時必須將css文件中代碼壓縮（去掉空白和注釋）后再使用，便于腳本查找css；對于不支持flash的移動終端（例如蘋果系統(tǒng)不支持flash），為了能夠更好的兼容，規(guī)定使用移動設(shè)備瀏覽器中支持視頻播放的標(biāo)簽來進行制作網(wǎng)站，比如html5技術(shù)中的video標(biāo)簽，需要使用html5中的video標(biāo)簽，將視頻文件格式轉(zhuǎn)化為mp4或ogg，再結(jié)合移動終端屏幕大小自動調(diào)整布局；如希望在移動設(shè)備的瀏覽器中使用指定的圖片顯示（這種指定的圖片可以是手機游戲廣告），需在img標(biāo)簽上添加mobile標(biāo)記，此標(biāo)記是為了用戶可以清晰瀏覽圖片而制定的。例如網(wǎng)站運營商針對手機設(shè)置一個尺寸的圖，針對平板電腦設(shè)置一個尺寸的圖，那么會根據(jù)移動設(shè)備的不同顯示不同尺寸的圖片。如果沒有使用mobile標(biāo)簽將使用默認的圖片顯示。所述智能響應(yīng)式布局移動終端瀏覽器客戶端按如下順序加載顯示html網(wǎng)頁信息：IE下載的順序為從上到下，渲染的順序也是從上到下，下載和渲染是同時進行的。在渲染到網(wǎng)站頁面的某一部分時，其上面的所有部分都已經(jīng)下載完成（并不是說所有相關(guān)聯(lián)的元素都已經(jīng)下載完）。如果遇到語義解釋性的標(biāo)簽嵌入文件（js腳本，css樣式），那么此時IE的下載過程會啟用單獨連接進行下載。下載后進行解析，解析過程中，停止頁面所有往下元素的下載。樣式表在下載完成后，將和以前下載的所有樣式表一起進行解析，解析完成后，將對此前所有元素（含以前已經(jīng)渲染的）重新進行渲染。js、css中如有重定義，后定義函數(shù)將覆蓋前定義函數(shù)。本發(fā)明為了支持多種樣式的網(wǎng)頁信息，預(yù)先設(shè)定了多種布局樣式，當(dāng)瀏覽器接收到與布局樣式不同的頁面信息時，實時響應(yīng)加載于所述移動終端內(nèi)部的智能響應(yīng)式布局裝置；當(dāng)瀏覽器接收到與布局樣式相同的頁面信息時，自動依照預(yù)先設(shè)定的布局樣式適配顯示。本發(fā)明選用css3中的MediaQuery（媒介查詢）工具，它可以通過不同的媒體類型和條件定義樣式表規(guī)則。MediaQuery（媒體查詢）使得css能夠更精確作用于不同的媒體類型和同一媒體的不同條件，本發(fā)明運用MediaQuery來獲取多種移動終端設(shè)備的參數(shù)信息和語法結(jié)構(gòu)信息，例如：設(shè)備的寬和高device-width，device-heigth顯示屏幕/觸覺設(shè)備渲染窗口的寬和高width，heigth顯示屏幕/觸覺設(shè)備。設(shè)備的手持方向，橫向還是豎向orientation（portrait|lanscape）。畫面比例aspect-ratio。設(shè)備比例device-aspect-ratio。對象顏色或顏色列表color，color-index顯示屏幕。設(shè)備的分辨率resolution。根據(jù)智能響應(yīng)式布局移動終端設(shè)備的顯示特性，解析網(wǎng)站頁面信息，對網(wǎng)頁進行重新排版并確保內(nèi)容完整性和實時性。獲得到不同分辨率的大小然后創(chuàng)建新的css樣式表加載到網(wǎng)站內(nèi)，在所述移動終端設(shè)備屏幕中創(chuàng)建出適配處理后的新的網(wǎng)頁布局。同時，可以有效的過濾掉網(wǎng)頁中無關(guān)的元素，例如廣告，提高網(wǎng)頁加載速度。智能創(chuàng)建出合理的樣式布局，使網(wǎng)站具有彈性性質(zhì)。例如本發(fā)明所述智能響應(yīng)式布局方法與裝置首先定義原始網(wǎng)站信息在標(biāo)準(zhǔn)瀏覽器下的移動終端固定顯示寬度，然后監(jiān)測瀏覽器的尺寸變化，當(dāng)瀏覽器的分辨率小于所定義的固定寬度對應(yīng)的分辨率的時候，則通過智能響應(yīng)式布局系統(tǒng)預(yù)設(shè)的樣式表來將頁面的寬度設(shè)置為百分比顯示，這樣移動終端設(shè)備上頁面的結(jié)構(gòu)元素就會根據(jù)瀏覽器的支持的尺寸進行適應(yīng)性調(diào)整。同理，當(dāng)瀏覽器的可視區(qū)域改變到某個值（假定為650px）的時候，移動終端設(shè)備頁面的結(jié)構(gòu)元素根據(jù)本發(fā)明所述智能響應(yīng)式布局裝置預(yù)設(shè)的樣式表來進行相對應(yīng)的調(diào)整。實現(xiàn)不同分辨率不同大小的情況下，合理顯示網(wǎng)站內(nèi)容。通常不同種類的移動終端設(shè)備自帶的瀏覽器類型不同，或是類型相同版本不同，本發(fā)明所述的一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法能夠與多種類型的移動終端瀏覽器相配合工作，不僅適配所有主流智能移動設(shè)備：例如蘋果、安卓、WindowsPhone、黑莓、塞班等，更適配從3寸到6寸大小不等的移動屏幕。依據(jù)各種類型的移動終端設(shè)備的特性來處理，以達到針對不同類型的移動設(shè)備屬性進行適配，實現(xiàn)通用性。所述移動終端瀏覽器成功鏈接網(wǎng)絡(luò)服務(wù)器后，所接收到實時返回的網(wǎng)站信息，同樣運用了本發(fā)明所述一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法與裝置采用的完全的移動終端客戶端重排版技術(shù)，保證了網(wǎng)站在用戶移動設(shè)備中內(nèi)容實時性。通過在所述移動終端客戶端對網(wǎng)站網(wǎng)頁內(nèi)容重新排版，不僅可以將頁面信息轉(zhuǎn)換適配成所述移動終端設(shè)備支持的版式，提升了用戶體驗，還實現(xiàn)了將互聯(lián)網(wǎng)的豐富資源結(jié)合用戶個性需求布局遷移到移動終端自帶的瀏覽器頁面中的技術(shù)效果，同時可以過濾掉原網(wǎng)站中很多不必要的內(nèi)容（例如廣告），提高訪問速度，節(jié)省網(wǎng)絡(luò)帶寬。圖3是本發(fā)明一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的裝置邏輯結(jié)構(gòu)框圖。如圖3所示，本發(fā)明所述一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的裝置包含有訪問模塊，標(biāo)記模塊，存儲模塊，解析模塊，處理及顯示模塊。訪問模塊，連接所述移動終端的瀏覽器和所述存儲模塊，用于接收所述移動終端設(shè)備瀏覽器成功鏈接internet互聯(lián)網(wǎng)后傳遞過來的網(wǎng)頁頁面數(shù)據(jù)，根據(jù)所述移動終端訪問互聯(lián)網(wǎng)后傳遞過來的網(wǎng)頁頁面數(shù)據(jù)，判斷是否為所述移動終端客戶端，按照特定規(guī)則獲取所訪問的網(wǎng)站的代碼和布局樣式；用于根據(jù)不同的設(shè)備類型和不同的屏幕分辨率的大小，對所訪問的網(wǎng)站進行標(biāo)記，將標(biāo)記后的網(wǎng)站頁面信息存儲至所述存儲模塊，分析重排方式；標(biāo)記模塊，連接訪問模塊和存儲模塊，用于根據(jù)不同的設(shè)備類型和不同的屏幕分辨率的大小，對所訪問的網(wǎng)站進行標(biāo)記；存儲模塊，連接訪問模塊和解析模塊，用于存儲所述訪問模塊標(biāo)記后的網(wǎng)站頁面信息和所述移動終端的用戶在訪問各種網(wǎng)站過程中的交互記錄；解析模塊，連接存儲模塊和數(shù)據(jù)處理模塊，用于根據(jù)所述移動終端的顯示特性，解析所述存儲模塊中的頁面信息，將解析后的頁面信息傳遞至所述處理及顯示模塊；處理及顯示模塊，連接解析模塊，用于接收所述解析模塊傳來的解析后的網(wǎng)站頁面信息，對所述解析后的網(wǎng)站頁面信息進行重新排版；用于在所述移動終端屏幕中創(chuàng)建并顯示適配處理后的新的網(wǎng)頁布局。所述特定規(guī)則是指判定此網(wǎng)站是否為html代碼的識別規(guī)則，若是html代碼，則提取html和css；所述網(wǎng)站的代碼是指html代碼。所述分析重排方式是指分析標(biāo)記后的網(wǎng)站信息與移動終端的匹配度；所述解析網(wǎng)站頁面信息包括html語法分析，頁面元素提取，css語法解析等操作；所述適配處理是指為了提升用戶的移動瀏覽體驗,使得同一個網(wǎng)頁自動適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動調(diào)整布局。運用本發(fā)明所述的一種在移動終端實現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法，開發(fā)者只需要維護一套代碼，就可以根據(jù)用戶所持移動設(shè)備的參數(shù)不同使移動終端屏幕自動呈現(xiàn)不同的顯示效果，達到“一次設(shè)計，普遍適用”。所述處理及顯示模塊包括：根據(jù)所述移動終端設(shè)備的設(shè)備參數(shù)信息對文檔進行頁面重排版的模塊；根據(jù)所述移動終端設(shè)備的設(shè)備參數(shù)信息對所述圖片顯示大小進行等縮比調(diào)整的模塊；根據(jù)所述移動終端的設(shè)備參數(shù)信息對視頻格式做調(diào)整，轉(zhuǎn)換為所述移動設(shè)備瀏覽器可支持的文件格式，再結(jié)合屏幕大小自動調(diào)整布局的模塊。例如，對于文字，計算文字的長度，若超過屏幕的長度，文字超過屏幕可顯示范圍，則自適應(yīng)屏幕大小，做分行處理；若文字長度沒有超過屏幕長度，則依據(jù)屏幕尺寸直接顯示；例如，若手機終端設(shè)備的屏幕大小僅為172*208，而圖片尺寸遠超過手機屏幕尺寸，此時根據(jù)屏幕尺寸進行按比例縮放；如果頁面大小超過了手機可用緩存大小，則自動將頁面進行分段。對于圖片，數(shù)據(jù)處理模塊依據(jù)移動設(shè)備屏幕大小等比縮放處理，決定是否居中展現(xiàn)。所述處理及顯示模塊還可以過濾掉所述網(wǎng)頁中無關(guān)元素，例如廣告等。處理及顯示模塊可以處理的常用的辦公文件包括DOC、PDF、XLS、PPT、EML等，可以處理的常用的壓縮文件包括ZIP、RAR等。處理及顯示模塊，用于將internet互聯(lián)網(wǎng)上的網(wǎng)站內(nèi)容盡可能有效合理地顯示在移動終端的屏幕上；用于將標(biāo)記后的網(wǎng)頁信息和存儲至所述移動終端設(shè)備的客戶端；用于存儲所述移動終端設(shè)備瀏覽器頻繁訪問的網(wǎng)站信息；所述存儲模塊可以存儲文本，標(biāo)簽，圖片，視頻，flash標(biāo)簽等。所述處理及顯示模塊可以顯示的元素包括：文本，圖片，視頻，控件。為了能夠全面展現(xiàn)網(wǎng)頁內(nèi)容，優(yōu)選地，所述處理及顯示模塊將移動終端屏幕劃分為標(biāo)題欄區(qū)域，工作區(qū)域和狀態(tài)欄區(qū)域。標(biāo)題欄區(qū)域用來展現(xiàn)網(wǎng)頁的基本信息，例如頁面的標(biāo)題和時間等；工作區(qū)域用來展現(xiàn)網(wǎng)頁的內(nèi)容，如果網(wǎng)頁內(nèi)容超過工作區(qū)域的高度，需要滾動條，支持滾動顯示；狀態(tài)欄區(qū)域用來顯示各種狀態(tài)信息，例如系統(tǒng)軟件加載的進度或是網(wǎng)頁刷新進度。本發(fā)明所述移動終端設(shè)備瀏覽器成功鏈接internet互聯(lián)網(wǎng)后，針對所接收到實時返回的網(wǎng)頁信息本發(fā)明同樣采用了所述移動終端瀏覽器客戶端重排版技術(shù)，保證了網(wǎng)頁內(nèi)容在用戶使用的終端設(shè)備中實時性展示。所述處理及顯示模塊還將用戶頻繁訪問的網(wǎng)站信息存儲起來，便于用戶高速訪問網(wǎng)絡(luò)，使網(wǎng)站具有彈性性質(zhì)，提高用戶體驗。以上所述的本發(fā)明實施方式，并不構(gòu)成對本發(fā)明保護范圍的限定。任何在本發(fā)明的精神和原則之內(nèi)所做的修改、等同替換和改進等，均應(yīng)包含在本發(fā)明的權(quán)利要求保護范圍之內(nèi)。