浏览器内核以及渲染过程
瀏覽器內核
瀏覽器渲染引擎是由各大瀏覽器廠商依照 W3C 標準自行研發的,也被稱之為「瀏覽器內核」。
目前,市面上使用的主流瀏覽器內核有5類:Trident、Gecko、Presto、Webkit、Blink。
Trident:俗稱 IE 內核,也被叫做 MSHTML 引擎,目前在使用的瀏覽器有 IE11 -,以及各種國產多核瀏覽器中的IE兼容模塊。另外微軟的 Edge 瀏覽器不再使用 MSHTML 引擎,而是使用類全新的引擎 EdgeHTML。
Gecko:俗稱 Firefox 內核,Netscape6 開始采用的內核,后來的 Mozilla FireFox(火狐瀏覽器)也采用了該內核,Gecko 的特點是代碼完全公開,因此,其可開發程度很高,全世界的程序員都可以為其編寫代碼,增加功能。因為這是個開源內核,因此受到許多人的青睞,Gecko 內核的瀏覽器也很多,這也是 Gecko 內核雖然年輕但市場占有率能夠迅速提高的重要原因。
Presto:Opera 前內核,為啥說是前內核呢?因為 Opera12.17 以后便擁抱了 Google Chrome 的 Blink 內核,此內核就沒了寄托
Webkit:Safari 內核,也是 Chrome 內核原型,主要是 Safari 瀏覽器在使用的內核,也是特性上表現較好的瀏覽器內核。也被大量使用在移動端瀏覽器上。
Blink: 由 Google 和 Opera Software 開發,在Chrome(28及往后版本)、Opera(15及往后版本)和Yandex瀏覽器中使用。Blink 其實是 Webkit 的一個分支,添加了一些優化的新特性,例如跨進程的 iframe,將 DOM 移入 JavaScript 中來提高 JavaScript 對 DOM 的訪問速度等,目前較多的移動端應用內嵌的瀏覽器內核也漸漸開始采用 Blink。
渲染引擎的工作流程
HTML解析器解析DOM樹(解析為DOM樹上個節點,同時解析CSS樣式)
渲染樹結構(具有一定的視覺效果,并按照一定順序排列在屏幕上)
布局渲染樹(為每個節點分配固定坐標)
繪制DOM樹(渲染引擎會遍歷所有的節點,由UI后端繪制)
?
?
?
總結
以上是生活随笔為你收集整理的浏览器内核以及渲染过程的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java libmp3lame_利用li
- 下一篇: MATLAB实现遥感图像预处理——图像变