Internet和嵌入式應(yīng)用的飛速發(fā)展使嵌入式設(shè)備迅速的普及，而嵌入式設(shè)備上作為連接用戶和互聯(lián)網(wǎng)的橋梁的嵌入式瀏覽器也就顯得十分重要，所以使用瀏覽器訪問(wèn)互聯(lián)網(wǎng)已經(jīng)成為一種趨勢(shì)。由于嵌入式系統(tǒng)軟硬件資源的局限性，又加之其對(duì)響應(yīng)速度的追求，所以瀏覽器最重要的任務(wù)就是能高效迅速的將網(wǎng)頁(yè)顯示出來(lái)。 布局渲染引擎，即所謂的“瀏覽器內(nèi)核”，是網(wǎng)頁(yè)瀏覽器的核心部分，其負(fù)責(zé)解析網(wǎng)頁(yè)語(yǔ)法（如HTML、CSS）并達(dá)到渲染的效果。因此，布局渲染引擎決定了瀏覽器如何顯示網(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)建DOM樹：將請(qǐng)求到的HTML資源解析成DOM樹結(jié)構(gòu)，文檔以Body標(biāo)簽作為顯示的根元素，其他標(biāo)簽元素作為組成部分，然后通過(guò)DOM構(gòu)建成一個(gè)有序的界面...

【文章頁(yè)數(shù)】：87 頁(yè)

【學(xué)位級(jí)別】：碩士

【文章目錄】：
摘要
ABSTRACT
第一章 緒論
    1.1 研究背景及意義
    1.2 研究現(xiàn)狀及發(fā)展態(tài)勢(shì)
    1.3 課題來(lái)源及章節(jié)安排
第二章 嵌入式瀏覽器的總體架構(gòu)
    2.1 瀏覽器的工作原理
        2.1.1 瀏覽器的功能
        2.1.2 瀏覽器的主要構(gòu)成
        2.1.3 瀏覽器的工作流程
    2.2 嵌入式瀏覽器的總體架構(gòu)
        2.2.1 Webkit 的組成結(jié)構(gòu)
        2.2.2 Webkit 的工作原理
        2.2.3 WebKit 瀏覽器的總體架構(gòu)
        2.2.4 Webkit 模塊間的交互
    2.3 本章小結(jié)
第三章 WebKit 布局渲染模塊的研究
    3.1 布局渲染的主要流程
    3.2 WebKit 之解析與 DOM 模塊分析
        3.2.1 DOM 模塊之節(jié)點(diǎn)模塊分析
        3.2.2 DOM 模塊之事件模塊解析
        3.2.3 DOM 模塊之遍歷模塊分析
        3.2.4 DOM 模塊之解析模塊分析
    3.3 WebKit 之渲染模塊分析
    3.4 WebKit 之布局模塊分析
    3.5 WebKit 之繪制模塊分析
    3.6 本章總結(jié)
第四章 布局渲染引擎的設(shè)計(jì)與實(shí)現(xiàn)
    4.1 解析與 DOM 模塊的設(shè)計(jì)與實(shí)現(xiàn)
        4.1.1 解析與 DOM 模塊相關(guān)概念
        4.1.2 DOM 標(biāo)準(zhǔn)介紹
        4.1.3 解析和 DOM 模塊設(shè)計(jì)
        4.1.4 解析與 DOM 模塊關(guān)鍵代碼實(shí)現(xiàn)
    4.2 渲染模塊的設(shè)計(jì)與實(shí)現(xiàn)
        4.2.1 渲染樹的構(gòu)建
            4.2.1.1 渲染樹與 DOM 樹和 RenderLayer 樹的關(guān)系
            4.2.1.2 渲染樹的構(gòu)建流程
            4.2.1.3 渲染樹的構(gòu)建代碼流程
        4.2.2 渲染模塊的詳細(xì)設(shè)計(jì)
        4.2.3 渲染模塊關(guān)鍵代碼實(shí)現(xiàn)
    4.3 布局模塊的設(shè)計(jì)與實(shí)現(xiàn)
        4.3.1 布局模塊相關(guān)概念
            4.3.1.1 CSS 布局相關(guān)標(biāo)準(zhǔn)
            4.3.1.2 頁(yè)面布局的基本概念
        4.3.2 布局算法
            4.3.2.1 非嵌套元素的布局算法
            4.3.2.2 嵌套元素的布局算法
        4.3.3 布局模塊的詳細(xì)設(shè)計(jì)
        4.3.4 布局模塊關(guān)鍵代碼實(shí)現(xiàn)
    4.4 繪制模塊的設(shè)計(jì)與實(shí)現(xiàn)
        4.4.1 圖形庫(kù)概述及其主要作用
        4.4.2 繪制模塊的詳細(xì)設(shè)計(jì)
            4.4.2.1 基本控件相關(guān)的數(shù)據(jù)結(jié)構(gòu)
            4.4.2.2 圖形接口類的設(shè)計(jì)
        4.4.3 繪制模塊關(guān)鍵代碼實(shí)現(xiàn)
    4.5 本章小結(jié)
第五章 布局渲染引擎的移植
    5.1 開發(fā)環(huán)境的搭建
        5.1.1 系統(tǒng)要求
        5.1.2 軟件安裝
    5.2 移植
    5.3 本章總結(jié)
第六章 測(cè)試及性能分析
    6.1 測(cè)試
        6.1.1 測(cè)試流程
        6.1.2 單元測(cè)試
        6.1.3 集成測(cè)試
        6.1.4 系統(tǒng)測(cè)試
        6.1.5 性能測(cè)試
    6.2 本章總結(jié)
第七章 總結(jié)和展望
    7.1 總結(jié)
    7.2 展望
致謝
參考文獻(xiàn)



本文編號(hào)：3878281