在瀏覽器上輸入一個網(wǎng)址后，一個漂亮的頁面就呈現(xiàn)在我們眼前，中間發(fā)生了什么了？對于一個普通用戶來講，也許不用思考這個問題，但要作為一個名前端開發(fā)人員或是想開發(fā)插件的同學(xué)來講，掌握瀏覽器的工作原理是非常有必要的！
瀏覽器主要功能
今天討論五種主流瀏覽器——IE、Firefox、Safari、Chrome及Opera。瀏覽器的功能和目的都是一樣的，但在解析的過程中會有些差別。那么瀏覽器的主要功能有哪些？
1.用戶界面（這個不重要） － 包括地址欄、后退/前進(jìn)按鈕、書簽?zāi)夸浀龋簿褪悄闼吹降某擞脕盹@示你所請求頁面的主窗口之外的其他部分。2.瀏覽器引擎－ 用來查詢及操作渲染引擎的接口。另外還用來操作瀏覽器的數(shù)據(jù)存儲。3.渲染引擎－ 用來顯示請求的內(nèi)容，例如，如果請求內(nèi)容為html，它負(fù)責(zé)解析html及css，并將解析后的結(jié)果顯示出來。4.網(wǎng)絡(luò)－ 用來完成網(wǎng)絡(luò)調(diào)用，例如http請求，它具有平臺無關(guān)的接口，可以在不同平臺上工作。5.UI后端－ 用來繪制類似組合選擇框及對話框等基本組件，具有不特定于某個平臺的通用接口，底層使用操作系統(tǒng)的用戶接口。6.JS解釋器－ 用來解釋執(zhí)行JS代碼。7.數(shù)據(jù)存儲－ 屬于持久層，瀏覽器需要在硬盤中保存類似cookie的各種數(shù)據(jù)，HTML5定義了web 技術(shù)，這是一種輕量級完整的客戶端存儲技術(shù)
圖1：瀏覽器主要組件
需要注意的是，不同于大部分瀏覽器，Chrome為每個Tab分配了各自的渲染引擎實(shí)例，每個Tab就是一個獨(dú)立的進(jìn)程。
參考頁面：
霹靂猿教程_-HTML教程-HTML 教程
霹靂猿教程_-HTML教程-HTML 簡介
霹靂猿教程_-HTML教程-HTML 基礎(chǔ)
霹靂猿教程_-HTML教程-HTML 元素
霹靂猿教程_-HTML教程-HTML 屬性
霹靂猿教程_-HTML教程-HTML 標(biāo)題
霹靂猿教程_-HTML教程-HTML 段落
霹靂猿教程_-HTML教程-HTML 鏈接
霹靂猿教程_-HTML教程-HTML 頭部
霹靂猿教程_-HTML教程-HTML CSS
霹靂猿教程_-HTML教程-HTML 圖像
霹靂猿教程_-HTML教程-HTML 表格介紹
霹靂猿教程_-HTML教程-HTML 列表