2.2 布局處理

　　所謂布局模塊，就是處理WML語法和DOM樹，樹的每個(gè)結(jié)點(diǎn)是一個(gè)對(duì)象，包含著對(duì)象的所有屬性設(shè)置信息。最后提交到繪圖模塊，由繪圖模塊進(jìn)行處理，顯示出來網(wǎng)頁信息。

　　2.2.1圖片布局

　img元素是圖片元素。一般情況下，img元素的src屬性值會(huì)是通過URL指向一個(gè)圖片，該圖片就是需要顯示的圖片，而img的排版會(huì)優(yōu)先考慮其wIDTh屬性值和height屬性值，如果兩個(gè)屬性值都存在，則按照其屬性值中相應(yīng)的值進(jìn)行排版，顯示相應(yīng)的屬性值的圖片；如果僅有一個(gè)屬性值，則縮放實(shí)際照片的屬性值，顯示圖片；如果img元素沒有這兩個(gè)屬性，則排版的照片為實(shí)際寬高；當(dāng)僅有一個(gè)屬性值或沒有width屬性和height屬性時(shí)，該img元素的排版會(huì)被跳過，同時(shí)相應(yīng)的圖片URL會(huì)進(jìn)入下載隊(duì)列，等待該圖片下載成功后，對(duì)當(dāng)前的頁面進(jìn)行重新排版。

　　2.2.2文字布局

　　由圖2可知，布局層位于解析和繪圖之間，用來對(duì)語義分析后的文檔內(nèi)容進(jìn)行排版處理，將網(wǎng)頁內(nèi)容以適當(dāng)?shù)姆绞脚欧旁陲@示屏幕上。

　　WML語言的文字排版控制較少，只有居中、左對(duì)齊和右對(duì)齊3種方式；其次WML語言的表達(dá)控制也很弱，只有em：加強(qiáng)（斜體）、STrong：加重（斜體）、i：斜體、b：加粗、u：下劃線、big：大字體（字體加大一號(hào)）、small：小字體（字體減小一號(hào)）等7種文字表達(dá)方式。

　　3 結(jié)果及分析

　　本文主要針對(duì)支持Java的嵌入式瀏覽器的設(shè)計(jì)與實(shí)現(xiàn)。系統(tǒng)以J2ME為開發(fā)平臺(tái)，通信協(xié)議沒有采取HTTP協(xié)議，而是采取以WAP協(xié)議作為協(xié)議棧，以WML為標(biāo)記語言作為網(wǎng)頁數(shù)據(jù)的表現(xiàn)形式，在嵌入式瀏覽器中實(shí)現(xiàn)方便、豐富的多媒體信息瀏覽服務(wù)。

　　在仿真結(jié)果中，如圖5所示，圖片為訪問外網(wǎng)的百度頁面，而且有前進(jìn)、后退、刷新標(biāo)志，均說明此應(yīng)用能夠在嵌入式設(shè)備中實(shí)現(xiàn)。如果用戶為了節(jié)省流量，可以考慮切換到極簡(jiǎn)版本，也就是解析過程中沒有處理解析圖片，只是簡(jiǎn)單解析文字。由于HTML網(wǎng)頁中，百度logo圖片要大于屏幕大小，所以進(jìn)行壓縮之后進(jìn)行顯示。在此設(shè)計(jì)中，圖片下載完整，能夠完整顯示出來。

圖5 百度頁面

　　4 總結(jié)

　　通過測(cè)試，本瀏覽器的模塊可移植性很好，解決了傳統(tǒng)瀏覽器的可移植性困難以及帶寬比較窄、屏幕比較小的問題。同時(shí)，該瀏覽器針對(duì)嵌入式系統(tǒng)應(yīng)用進(jìn)行特殊設(shè)計(jì)，省去了一些不實(shí)用的、冗余的和影響系統(tǒng)效率的模塊，具有可移植性、運(yùn)行效率高等特點(diǎn)。