瀏覽器渲染引擎

渲染器

所有的HTML節點轉換完成以後,就是DOM樹構建完畢,即domReady.
瀏覽器如何將HTML標籤解析成DOM樹?
答:瀏覽器是通過渲染引擎實現的。 
渲染引擎的職責就是把請求的內容顯示到屏幕上,默認情況下能顯示Html xml 及圖片。通過擴展即插件可以顯示pdf等。 

這裏寫圖片描述


渲染引擎的渲染流程

  • 首先通過網絡獲得請求的內容,通常以8k分塊方式完成
  • 然後解析HTML構建DOM樹(構建DOM節點)
  • 構建渲染樹(解析樣式信息,比如css樣式)
  • 佈局渲染樹(佈局DOM節點,實現佈局操作)
  • 繪製渲染樹(繪製DOM節點)
    以上就是html的基本結構渲染
    但這裏並不包含解析外部資源的加載,比如圖片,腳本等,即便繪製DOM節點已經完成,而外部資源可以還在加載,或未加載

Webkit主要渲染流程

這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章