嵌入式瀏覽器布局渲染引擎的研究與實(shí)現(xiàn).pdf

1、Internet和嵌入式應(yīng)用的飛速發(fā)展使嵌入式設(shè)備迅速的普及，而嵌入式設(shè)備上作為連接用戶和互聯(lián)網(wǎng)的橋梁的嵌入式瀏覽器也就顯得十分重要，所以使用瀏覽器訪問互聯(lián)網(wǎng)已經(jīng)成為一種趨勢(shì)。由于嵌入式系統(tǒng)軟硬件資源的局限性，又加之其對(duì)響應(yīng)速度的追求，所以瀏覽器最重要的任務(wù)就是能高效迅速的將網(wǎng)頁(yè)顯示出來。
　　布局渲染引擎，即所謂的“瀏覽器內(nèi)核”，是網(wǎng)頁(yè)瀏覽器的核心部分，其負(fù)責(zé)解析網(wǎng)頁(yè)語(yǔ)法（如HTML、CSS）并達(dá)到渲染的效果。因此，布局渲染引擎

2、決定了瀏覽器如何顯示網(wǎng)頁(yè)的內(nèi)容以及頁(yè)面的格式信息。本文主要研究了目前最流行的瀏覽器內(nèi)核之一的WebKit，對(duì)WebKit的布局渲染引擎進(jìn)行了非常詳細(xì)的研究，在此研究基礎(chǔ)上針對(duì)手機(jī)終端的特性，實(shí)現(xiàn)了自己的一套布局渲染引擎，并成功移植到各種手機(jī)終端上。
　　本文首先介紹了目前主流的瀏覽器內(nèi)核以及嵌入式瀏覽器，然后重點(diǎn)介紹布局渲染引擎實(shí)現(xiàn)的四個(gè)步驟：解析HTML構(gòu)建DOM樹、渲染樹構(gòu)建、渲染樹布局和渲染樹繪制。
　　解析HTML構(gòu)

3、建DOM樹：將請(qǐng)求到的HTML資源解析成DOM樹結(jié)構(gòu)，文檔以Body標(biāo)簽作為顯示的根元素，其他標(biāo)簽元素作為組成部分，然后通過DOM構(gòu)建成一個(gè)有序的界面。
　　渲染樹構(gòu)建：主要是根據(jù)解析生產(chǎn)的DOM樹以及CSS屬性來生產(chǎn)另外一個(gè)非常重要的結(jié)構(gòu)渲染樹，用來作為后續(xù)布局的基礎(chǔ)。
　　渲染樹布局：根據(jù)每個(gè)可顯示的CSS屬性以及渲染樹來計(jì)算每個(gè)標(biāo)簽元素的大小和位置，為標(biāo)簽的繪制做準(zhǔn)備。
　　渲染樹繪制：調(diào)用圖形庫(kù)接口將標(biāo)簽元素繪