[發(fā)明專利]一種在移動終端實(shí)現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法與裝置

有效

• 申請?zhí)枺?/td>: 201310359212.4
• 申請日: 2013-08-16
• 公開（公告）號: CN103412928A
• 公開（公告）日: 2013-11-27
• 發(fā)明（設(shè)計(jì)）人: 左家右
• 申請（專利權(quán)）人: 北京樂動卓越科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京海虹嘉誠知識產(chǎn)權(quán)代理有限公司 11129
• 代理人: 王鍵

技術(shù)領(lǐng)域

本發(fā)明涉及移動互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別涉及一種在移動終端實(shí)現(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ā)展，人們越來越頻繁使用手機(jī)等移動嵌入式設(shè)備訪問互聯(lián)網(wǎng)獲取信息資源，以便隨時隨地獲取所要資訊。開發(fā)手機(jī)等移動終端的訪問網(wǎng)絡(luò)技術(shù)具有重要的現(xiàn)實(shí)意義和廣闊的市場前景。

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

發(fā)明內(nèi)容

本發(fā)明針對現(xiàn)有技術(shù)存在的問題，提出一種在移動終端實(shí)現(xiàn)瀏覽器頁面智能響應(yīng)式布局的方法和裝置，采用客戶端重排版技術(shù)，將傳統(tǒng)網(wǎng)站上所展現(xiàn)的內(nèi)容并考慮用戶體驗(yàn)為主的前提下合理的顯示在移動設(shè)備瀏覽器頁面中，并保證網(wǎng)站內(nèi)容的實(shí)時性，而且所有的數(shù)據(jù)交互只發(fā)生在移動終端和internet互聯(lián)網(wǎng)的網(wǎng)站服務(wù)器，不加入第三方服務(wù)器的干涉，保護(hù)了用戶的隱私安全。

本發(fā)明的技術(shù)方案：

一種在移動終端實(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)進(jìn)行標(biāo)記，將標(biāo)記后的網(wǎng)頁信息存儲至所述移動終端客戶端；

步驟三，根據(jù)所述移動終端設(shè)備的顯示特性，解析所存儲的網(wǎng)站頁面信息，分析重排方式，對所述網(wǎng)站頁面進(jìn)行重新排版，在所述移動終端設(shè)備屏幕中創(chuàng)建并顯示適配處理后的新的網(wǎng)頁布局。

所述步驟一中，所述特定規(guī)則是指識別此網(wǎng)站是否為html代碼的規(guī)則，若是html代碼，則提取html代碼和css樣式。

所述步驟三中，所述分析重排方式是指分析標(biāo)記后的網(wǎng)站信息與所述移動終端的匹配度。

所述步驟三中，所述解析網(wǎng)站頁面信息包括html語法分析，頁面元素提取，css語法解析的操作。

所述步驟三中，所述適配處理是指為了提升用戶的移動瀏覽體驗(yàn),使得同一個網(wǎng)頁自動適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動調(diào)整布局；所述適配處理包括：

根據(jù)所述移動終端的設(shè)備參數(shù)信息對文檔進(jìn)行頁面重新排版；