瀏覽器內核和渲染原理

一,瀏覽器的核心內容是解釋性引擎,又稱爲瀏覽器內核。javascript

常見的瀏覽器內核分爲四種:css

1,IE瀏覽器使用Trident內核html

2, 火狐瀏覽器使用gecko內核java

3,Opera瀏覽器使用presto內核,執行javascript時有着極快的速度。web

4,safari瀏覽器和chrome使用webkit內核uc瀏覽器使用的u3內核也是基於webkit二次開發的。chrome

二,瀏覽器的渲染原理瀏覽器

其實頁面渲染就是瀏覽器將htmll代碼根據css規則在瀏覽器窗口顯示的過程。服務器

1,用戶輸入網址按下回車(假設其實第一次訪問該網站),瀏覽器向服務器發送請求,服務器返回html文件到本地。ide

2,瀏覽器開始載入html代碼,發現link標籤,因而繼續向服務器發送請求下載css文件。網站

3,瀏覽器開始載入body中的代碼,也拿到css文件,開始渲染頁面。

4,瀏覽器發現img標籤的圖片,繼續向服務器發送請求,而且繼續渲染下面的內容。

5,服務器返回圖片文件,圖片佔有用了必定的面積,因而從新渲染該區域。

6,瀏覽器發現包含一行JavaScript文件的script標籤,趕快運行他。

7,Javascript腳本執行了這條語句,它命令瀏覽器隱藏掉代碼中的某個

(style.display=」none」)。杯具啊,忽然就少了這麼一個元素,瀏覽器不得不從新渲染這部分代碼。
8,最後渲染到</html>。
9,用戶點擊換膚按鈕,javascript然瀏覽器改變了link標籤的路徑。
10,頁面引用新的css文件,徹底從新渲染。
相關文章
相關標籤/搜索