瀏覽器執行原理

2021-09-13 15:17:17 字數 1488 閱讀 3833

一、瀏覽器簡介

瀏覽器是指可以顯示網頁伺服器或者檔案系統的html檔案(標準通用標記語言的乙個應用)內容,並讓使用者與這些檔案互動的一種軟體。

二、瀏覽器核心

使用trident核心的瀏覽器:ie、maxthon、tt、the world等;

使用gecko核心的瀏覽器:netcape6及以上版本、firefox、mozillasuite/seamonkey;

使用presto核心的瀏覽器:opera7及以上版本;

使用webkit核心的瀏覽器:safari( [sə』fɑːrɪ)、chrome。

三、瀏覽器的主要功能

1.使用者介面(這個不重要) - 包括位址列、後退/前進按鈕、書籤目錄等,也就是你所看到的除了用來顯示你所請求頁面的主視窗之外的其他部分。

2.瀏覽器引擎- 用來查詢及操作渲染引擎的介面。另外還用來操作瀏覽器的資料儲存。

3.渲染引擎- 用來顯示請求的內容,例如,如果請求內容為html,它負責解析html和css,並將解析後的結果顯示出來。

4.網路- 用來完成網路呼叫,例如http請求,它具有平台無關的介面,可以在不同平台上工作。

5.ui後端- 用來繪製類似組合選擇框及對話方塊等基本元件,具有不特定於某個平台的通用介面,底層使用作業系統的使用者介面。

6.js解析器- 用來解釋執行js**。

7.資料儲存- 屬於持久層,瀏覽器需要在硬碟中儲存類似cookie的各種資料,html5定義了web database技術,這是一種輕量級完整的客戶端儲存技術

四、瀏覽器渲染主流程

1.解析html以構建dom樹:渲染引擎開始解析html文件,轉換樹中的html標籤或js生成的標籤到dom節點,它被稱為 – 內容樹。

2.構建渲染樹:解析css(包括外部css檔案和樣式元素以及js生成的樣式),根據css選擇器計算出節點的樣式,建立另乙個樹 —- 渲染樹。

3.布局渲染樹: 從根節點遞迴呼叫,計算每乙個元素的大小、位置等,給每個節點所應該出現在螢幕上的精確座標。

4.繪製渲染樹: 遍歷渲染樹,每個節點將使用ui後端層來繪製。

瀏覽器執行原理

呈現引擎工作主流程 解析文件是指將文件轉化成為有意義的結構,也就是可讓 理解和使用的結構。解析得到的結果通常是代表了文件結構的節點樹,它稱作解析樹或者語法樹。解析器通常將解析工作分給以下兩個元件來處理 詞法分析器 有時也稱為標記生成器 負責將輸入內容分解成乙個個有效標記 而解析器負責根據語言的語法規...

瀏覽器執行原理

瀏覽器執行原理 www 的工作基於客戶機 伺服器計算模型,由web 瀏覽器 客戶機 和web伺服器 伺服器 構成,兩者之間採用超文字傳送協議 http 進行通訊,http協議的作用原理包括三個步驟 連線,請求,應答。根據上述http協議的作用原理,本文實現了get請求的web伺服器程式的方法,通過建...

瀏覽器原理

網上找了些資料,記錄下部落格連線 how browsers work behind the scenes of modern web browsers 瀏覽器執行機制 回流 重繪 關鍵渲染路徑 學習筆記。請參看分享的文章先。瀏覽器資訊部分 記錄點 1主流瀏覽器有五個 internet explore...