網頁渲染的過程其實就是將URL對應的各種資源，通過瀏覽器渲染引擎的解析，輸出可視化的圖像。根據數據的流向，瀏覽器的渲染過程可以分成三個階段（以WebKit內核瀏覽器為例）：從網頁的URL到構建完DOM樹；從DOM樹到構建完WebKit的繪圖上下文；從繪圖上下文到生成最終圖像。
瀏覽器渲染引擎主要包括HTML解釋器、CSS解釋器、布局和JavaScript（以下簡稱JS）解釋器。其中，HTML解釋器主要作用是將HTML文本解釋成DOM樹；CSS解釋器作用是為DOM中各元素對象計算出樣式信息；布局則是指在DOM樹創建之后形成一個內部表示模型，這個模型將HTML元素與CSS樣式結合起來，計算出元素的具體大小和位置等布局信息；JS解釋器能夠解釋JS代碼并通過DOM接口和CSSOM接口來修改網頁內容和樣式信息，從而改變渲染的結果。隨著JS解釋器越來越重要，JS解釋器逐漸脫離出來成為獨立的JS引擎。
本文地址：http://m.123beaconmarketing.com//article/21617.html
