專利名稱：在終端上優(yōu)化顯示網(wǎng)絡(luò)頁面的方法和裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)絡(luò)通信領(lǐng)域，更具體地，涉及一種在終端上優(yōu)化 顯示網(wǎng)全各頁面的方法和裝置。
背景技術(shù)：
隨著纟冬端^"互耳關(guān)網(wǎng)資源i方問的需,，越來越高，原先的纟冬端上網(wǎng)
接入設(shè)備，例如WAP網(wǎng)關(guān)，不再適應(yīng)這種日益增長的終端對展示 HTML頁面內(nèi)容要》，。
簡單地說，手機(jī)等終端在上網(wǎng)進(jìn)行網(wǎng)頁瀏覽時，由于受到其自 身的硬件和軟件條件限制，不能帶給用戶快速簡潔的體驗(yàn)。
目前本領(lǐng)域?qū)@個問題的解決方案大都集中在對下載速度和屏 幕顯示等問題上，^f旦是，這些方案并沒有乂人才艮本上解決終端顯示與 網(wǎng)頁下載的匹配的問題。

發(fā)明內(nèi)容
為了優(yōu)化終端^j"網(wǎng)絡(luò)頁面的顯示水平，本發(fā)明提出了一種在終 端上優(yōu)化顯示網(wǎng)纟各頁面的方法，包4舌以下步驟建立終端的顯示頁 面；遍歷網(wǎng)絡(luò)頁面的DOM樹，分別才艮才居第一子貞定策略和第二予貞定 策略對DOM樹中的文本節(jié)點(diǎn)和特定元素節(jié)點(diǎn)進(jìn)行重排處理，并顯 示在顯示頁面上；以及當(dāng)用于顯示的網(wǎng)全備頁面的元素的數(shù)量大于預(yù) 定分頁閾4直時，建立^斤顯示頁面。其中，第一預(yù)定策略包括獲取終端的頁面顯示能力參數(shù)；根 據(jù)頁面顯示能力參數(shù)對文本節(jié)點(diǎn)進(jìn)行文本換行處理。
其中，頁面顯示能力參數(shù)包括終端的用戶代理信息、用戶個人 設(shè)置信息、顯示字體字號信息以及終端的屏幕寬度中的至少一個。
其中，基于顯示字體字號信息確定要顯示的文本節(jié)點(diǎn)的寬度， 當(dāng)基于要顯示的文本節(jié)點(diǎn)的當(dāng)前位置與所算得的寬度確定文本節(jié)點(diǎn) 的顯示會超出屏幕寬度范圍時，對文本節(jié)點(diǎn)進(jìn)行換行處理。
其中，第二預(yù)定策略包括獲取終端的頁面顯示能力參^t;才艮 據(jù)頁面顯示能力參數(shù)對特定元素節(jié)點(diǎn)進(jìn)行屬性處理或樣式處理，并 進(jìn)4亍換4于處理。
其中，頁面顯示能力參數(shù)包括終端的用戶代理信息、用戶個人 設(shè)置信息、顯示字體字號信息以及終端的屏幕寬度中的至少 一個。
其中，當(dāng)基于要顯示的文本節(jié)點(diǎn)的當(dāng)前位置與要顯示的特定元 素節(jié)點(diǎn)的寬度確定文本節(jié)點(diǎn)的顯示會超出屏幕寬度范圍時，將要顯 示的特定元素節(jié)點(diǎn)的寬度修改為在屏幕寬度范圍內(nèi)；或者進(jìn)行換行處理。
其中，文本節(jié)點(diǎn)包含一個或多個字符，文本換4亍處理包括逐 個判斷一個或多個字符是第 一字符還是第二字符；當(dāng)是第 一字符時， 將該字符的寬度記為2個寬度單位，當(dāng)是第二字符時，將該字符的 寬度記為1個寬度單位，當(dāng)是空格或標(biāo)點(diǎn)時，將該字符的寬度記為 1個寬度單位；以及對一個或多個字符的寬度進(jìn)行累加，當(dāng)累加的 數(shù)值大于屏幕寬度時，進(jìn)行換行處理。
其中，第一字符是中文字符，而第二字符是西文字符。其中，文本節(jié)點(diǎn)還包含作為HTML實(shí)體引用的英文單詞，當(dāng)實(shí) 體引用的寬度超出屏幕寬度范圍時，將寬度設(shè)置為在屏幕寬度范圍內(nèi)。
此外，本發(fā)明還提出了 一種在終端上優(yōu)化顯示網(wǎng)^^頁面的裝置， 裝置i殳置在WAP網(wǎng)關(guān)的后側(cè)，裝置包4舌遍歷重排才莫塊，用于遍 歷網(wǎng)絡(luò)頁面的DOM樹，分別才艮據(jù)第一預(yù)定策略和第二預(yù)定策略對 DOM樹中的文本節(jié)點(diǎn)和特定元素節(jié)點(diǎn)進(jìn)行重排處理，并顯示在顯 示頁面上；以及顯示頁面新建才莫塊，當(dāng)用于顯示的網(wǎng)絡(luò)頁面的元素 的數(shù)量大于預(yù)定分頁閾值時，建立新顯示頁面。
本發(fā)明的主要效果為
1、 頁面簡化，用于去除無用信息，去除不關(guān)見范HTML節(jié)點(diǎn)， 簡化整個HTML頁面DOM樹形結(jié)構(gòu)。
2、 頁面信息過濾，用于整合資源，提取主題內(nèi)容，合并導(dǎo)力元鏈 接、廣告之類次要信息，從而使得頁面中的重要內(nèi)容突出展示。
3 、頁面分割，用于分割HTML頁面，侵j尋4交大的HTML頁面 在保留原信息的基礎(chǔ)上，分割成若干小頁面，加速終端接收頁面的 速度，并且按終端能力優(yōu)化頁面，提高終端展示效果。


此處所說明的附圖用來纟是供對本發(fā)明的進(jìn)一步理解，構(gòu)成本申
請的一部分，本發(fā)明的示意性實(shí)施例及其說明用于解釋本發(fā)明，并 不構(gòu)成對本發(fā)明的限定。在附圖中
圖1是本發(fā)明的方法的示意性流程2是本發(fā)明中換行方法的流程圖 圖3是本發(fā)明中文本換4亍方法的流程圖
具體實(shí)施例方式
為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，以下結(jié) 合附圖及實(shí)施例，對本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處 所描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
圖1為分頁處理的示意性流程圖。
分頁處理開始處J里后，首先需獲取終端User-Agent 4言息和用戶 個人設(shè)置信息，查找信息庫得到字體字號，以及終端屏幕寬度，從 而得到終端內(nèi)存情況和終端瀏覽器顯示能力。遍歷HTMLDOM樹， 統(tǒng)計元素lt量，記錄顯示在屏幕上的寬度。對特殊的元素節(jié)點(diǎn)進(jìn)4亍 特殊處理(換行或調(diào)整屬性、樣式等處理方式)，對文本節(jié)點(diǎn)進(jìn)行換 行處理，然后添加到分頁DOM樹中。如果顯示的HTML元素量超 過終端能力或超過用戶個人i殳定，對其分割，新建分頁，繼續(xù)遍歷 HTML DOM樹的元素，并加入到新分頁DOM樹中。
圖2為本發(fā)明中HTML節(jié)點(diǎn)4灸4亍方法的流考呈圖。
對于一個HTML DOM樹節(jié)點(diǎn)，載入已處理元素終端屏幕顯示 的寬度，并判斷其類型，如果是文本節(jié)點(diǎn)，進(jìn)行文本換行處理。如 果是元素節(jié)點(diǎn)需對其標(biāo)簽種類進(jìn)行判斷。
Input節(jié)點(diǎn)，判斷其種類，對submit, file, text, password等需 要修改其size屬性，使其長度和原有元素屏幕顯示寬度和小于屏幕 寬度，如果原有寬度過長，需要換行，在新一行中顯示i叩ut節(jié)點(diǎn)；對checkbox, radio, reset等需要將其寬度累加到已顯示元素寬度中， 整體判斷其是否需要換行。
Button節(jié)點(diǎn)，需要判斷其文字寬度，對超過部分進(jìn)行刪減。
Select節(jié)點(diǎn)，在、添力口其子節(jié)點(diǎn)option節(jié)點(diǎn)的過禾呈中纟克i十option 顯示的字符寬度，找出最大字符寬度，如果字符寬度超過終端屏幕 寬度，修改select的樣式，限制其顯示寬度。
Textarea節(jié)點(diǎn)，需要對其寬度屬性進(jìn)行修改。
Img節(jié)點(diǎn)，需要周圍文本元素進(jìn)行判斷，若寬度過長，則需要 換行處理。
此外，對元素節(jié)點(diǎn)的樣式屬性進(jìn)行判斷，如果是不顯示的屬性， 其顯示寬度不能加入到終端屏幕顯示寬度之中。
這里，Input節(jié)，泉、Button節(jié)，泉、Select節(jié)，泉、Textarea節(jié)，泉、 Img節(jié)點(diǎn)等均為現(xiàn)有的網(wǎng)頁編輯節(jié)點(diǎn)。
圖3是實(shí)現(xiàn)本發(fā)明中文本換行方法的流程圖。
待處理混排文本，逐字判斷，先判斷字是否是中文。
如果是中文字符(即，判斷字符寬度非1)，則將字符寬度2累 加至中文長度中；如果是非中文(，即，判斷字符寬度為l)，再判 斷是否是標(biāo)點(diǎn)或空格，如果是，表明此處可能為英文字符串分割處， 如果不是，則累加到英文單詞中，如需換行則進(jìn)行換行處理。
如果是非中文字符，如標(biāo)點(diǎn)或空格，判斷為英文單詞的分割符， 否則累加到英文單詞長度中。如果英文單詞是HTML實(shí)體引用，要重新i殳置其屏幕顯示寬度。
其中，對終端已顯示寬度與統(tǒng)計的中文、英文單詞寬度進(jìn)^f亍計 算，如果超過屏幕寬度換行，并且換行統(tǒng)計重新設(shè)置。
圖3中的流程圖僅是實(shí)現(xiàn)上述文本(主要是中西文文本)換行 方法中的 一 種實(shí)施方式，該程序流禾呈圖并不用于限制本發(fā)明。
以上所述僅為本發(fā)明的優(yōu)選實(shí)施例而已，并不用于限制本發(fā)明， 對于本領(lǐng)域的4支術(shù)人員來說，本發(fā)明可以有各種更改和變化。凡在 本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等， 均應(yīng)包含在本發(fā)明的^f呆護(hù)范圍之內(nèi)。
工業(yè)實(shí)用小生
本發(fā)明可以應(yīng)用于WEB網(wǎng)關(guān)頁面分頁換4亍相關(guān)l支術(shù)領(lǐng)域，摘: 高了頁面處理效率，增強(qiáng)了終端的顯示效果，為終端用戶提供了更 快速更方便的上網(wǎng)體驗(yàn)。
權(quán)利要求
1.一種在終端上優(yōu)化顯示網(wǎng)絡(luò)頁面的方法，其特征在于，包括以下步驟建立所述終端的顯示頁面；遍歷所述網(wǎng)絡(luò)頁面的DOM樹，分別根據(jù)第一預(yù)定策略和第二預(yù)定策略對所述DOM樹中的文本節(jié)點(diǎn)和特定元素節(jié)點(diǎn)進(jìn)行重排處理，并顯示在所述顯示頁面上；以及當(dāng)用于顯示的所述網(wǎng)絡(luò)頁面的元素的數(shù)量大于預(yù)定分頁閾值時，建立新顯示頁面。
2. 根據(jù)權(quán)利要求1所述的方法，其特征在于，所述第一預(yù)定策略 包括獲取所述終端的頁面顯示能力參凄史；根據(jù)所述頁面顯示能力參凄t對所述文本節(jié)點(diǎn)進(jìn)行文本換 行處理。
3. 根據(jù)權(quán)利要求1或2所述的方法，其特征在于，所述頁面顯示 能力參數(shù)包括所述終端的用戶代理信息、用戶個人設(shè)置信息、 顯示字體字號信息以及所述終端的屏幕寬度中的至少一個。
4. 根據(jù)權(quán)利要求3所述的方法，其特征在于，基于所述顯示字體 字號信息確定要顯示的文本節(jié)點(diǎn)的寬度，當(dāng)基于要顯示的文本 節(jié)點(diǎn)的當(dāng)前位置與所算得的寬度確定所述文本節(jié)點(diǎn)的顯示會 超出所述屏幕寬度范圍時，對所述文本節(jié)點(diǎn)進(jìn)行換行處理。
5. 根據(jù)權(quán)利要求1所述的方法，其特征在于，所述第二預(yù)定策略 包括獲取所述終端的頁面顯示能力參數(shù)；根據(jù)所述頁面顯示能力參數(shù)對所述特定元素節(jié)點(diǎn)進(jìn)行屬 性處理或々羊式處理，并進(jìn)^f于^^于處理。
6. 根據(jù)權(quán)利要求1或5所述的方法，其特征在于，所述頁面顯示 能力參數(shù)包括所述終端的用戶代理信息、用戶個人設(shè)置信息、 顯示字體字號信息以及所述終端的屏幕寬度中的至少一個。
7. 根據(jù)權(quán)利要求6所述的方法，其特征在于，當(dāng)基于要顯示的文 本節(jié)點(diǎn)的當(dāng)前位置與要顯示的特定元素節(jié)點(diǎn)的寬度確定所述 文本節(jié)點(diǎn)的顯示會超出所述屏幕寬度范圍時，將要顯示的特定元素節(jié)點(diǎn)的寬度修改為在所述屏幕寬度 范圍內(nèi)；或者進(jìn)4亍換4于處理。
8. 根據(jù)權(quán)利要求2所述的方法，其特征在于，所述文本節(jié)點(diǎn)包含 一個或多個字符，所述文本4灸4亍處理包括逐個判斷所述一個或多個字符是第一字符還是第二字符；當(dāng)是第一字符時，將該字符的寬度記為2個寬度單位，當(dāng)是第二字符時，將該字符的寬度記為1個寬度單位，當(dāng)是空格或標(biāo)點(diǎn)時，將該字符的寬度記為l個寬度單位；以及對所述一個或多個字符的寬度進(jìn)行累加，當(dāng)累加的數(shù)值大 于所述屏幕寬度時，進(jìn)行換行處理。
9. 根據(jù)權(quán)利要求8所述的方法，其特征在于，所述第一字符是中 文字符，而所述第二字符是西文字符。
10. 根椐權(quán)利要求8所述的方法，其特征在于，所述文本節(jié)點(diǎn)還包 含作為HTML實(shí)體引用的英文單詞，當(dāng)所述實(shí)體引用的寬度 超出所述屏幕寬度范圍時，將所述寬度設(shè)置為在所述屏幕寬度 范圍內(nèi)。
11. 一種在終端上優(yōu)化顯示網(wǎng)絡(luò)頁面的裝置，其特征在于，所述裝 置i殳置在WAP網(wǎng)關(guān)的后側(cè)，所述裝置包4舌遍歷重排沖莫塊，用于遍歷所述網(wǎng)絡(luò)頁面的DOM樹，分別 才艮據(jù)第一預(yù)定策略和第二預(yù)定策略對所述DOM樹中的文本節(jié) 點(diǎn)和特定元素節(jié)點(diǎn)進(jìn)行重排處理，并顯示在所述顯示頁面上； 以及顯示頁面新建才莫塊，當(dāng)用于顯示的所述網(wǎng)絡(luò)頁面的元素的 凄t量大于預(yù)定分頁閾^L時，建立新顯示頁面。
全文摘要
為了優(yōu)化終端對網(wǎng)絡(luò)頁面的顯示水平，本發(fā)明提出了一種在終端上優(yōu)化顯示網(wǎng)絡(luò)頁面的方法，包括以下步驟建立終端的顯示頁面；遍歷網(wǎng)絡(luò)頁面的DOM樹，分別根據(jù)第一預(yù)定策略和第二預(yù)定策略對DOM樹中的文本節(jié)點(diǎn)和特定元素節(jié)點(diǎn)進(jìn)行重排處理，并顯示在顯示頁面上；以及當(dāng)用于顯示的網(wǎng)絡(luò)頁面的元素的數(shù)量大于預(yù)定分頁閾值時，建立新顯示頁面。此外，還提出了一種在終端上優(yōu)化顯示網(wǎng)絡(luò)頁面的裝置。
文檔編號G06F17/30GK101625700SQ200910166110
公開日2010年1月13日 申請日期2009年8月12日 優(yōu)先權(quán)日2009年8月12日
發(fā)明者辰 周 申請人:中興通訊股份有限公司