天天看点

前端必知词汇:渲染引擎

渲染引擎主要用于渲染网页,负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,输出至显示器或打印机。

浏览器内核由一个渲染引擎和一个JS引擎组成。起初渲染引擎和JS引擎并没有区分的很明确,后来JS引擎越来越独立,内核就倾向于只表示渲染引擎。目前主流的渲染主要有Trident、Gecko、 Webkit、Chromium、Presto等。

Trident(IE内核):目前有很多的双核浏览器,其中一核便是Trident, 美其名曰“兼容模式”。它的第一个版本随着1997年10月Internet Explorer第四版发布,之后不断的加入新的技术并随着新版本的Internet Explorer发布。在Internet Explorer第七版中,微软对Trident排版引擎做了重大的变动,除了加入新的技术之外,增加了对网页标准的支持。其代表浏览有IE,遨游,世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。Window 10发布后,IE将其内置浏览器命名为Edge,Edge最显著的特点就是其新内核Edge HTML。

Gecko(Firefox内核):它的原名是 NGLayout。Gecko 的功能就是读取 web 内容,如HTML,CSS,XUL,JavaScript, 之后将其渲染到用户界面上。Mozilla Firefox(火狐浏览器)采用该内核,Gecko的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。可惜这几年没落了,打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome.

Webkit(Safari):Safari是苹果公司开发的浏览器。Webkit引擎代码由KDE的KHTML及KJS引擎的代码衍生而来。Webkit引擎包含WebCore排版引擎、JavaScriptCore解析引擎以及Drosera调试工具。WebCore:由Webkit项目所开发的布局、渲染、及HTML和SVG的DOM库。

JavaScriptCore:在Webkit中提供JavaScript引擎的框架。

Drosera:JavaScript调试工具,当前已经被Web Inspector取代。WebKit由多个重要模块组成:WebCore、JavaScriptCore、WebKit Embedding API、Platform API (WebKit Ports)。其代表浏览器有遨游浏览器3、Apple Safari(Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android默认浏览器。

Chromium:自2013年4月3日,Google正式宣布与Webkit结束合作,在Chromium项目中研发Blink渲染引擎(即浏览器核心),内置于Chrome浏览器之中。Blink其实是Webkit的分支。大部分国内浏览器最新版都采用了Blink内核。

Presto(Opera):Presto是挪威浏览器Opera的“前任”,因为最新的Opera浏览器早已抛弃从而投入到了谷歌怀抱了。其特点是渲染速度的优化达到了极致,目前公认网页浏览速度最快的浏览器内核,然而代价是牺牲了网页的兼容性。

资料来源:

维基百科词条:Web Browser Engine、 Trident 、Gecko 、Webkit 、Presto