前端必知词汇:渲染引擎-阿里云开发者社区

开发者社区> AlibabaF2E> 正文

前端必知词汇:渲染引擎

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

渲染引擎主要用于渲染网页,负责取得网页的内容(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

版权声明:本文中所有内容均属于阿里云开发者社区所有,任何媒体、网站或个人未经阿里云开发者社区协议授权不得转载、链接、转贴或以其他方式复制发布/发表。申请授权请邮件developerteam@list.alibaba-inc.com,已获得阿里云开发者社区协议授权的媒体、网站,在转载使用时必须注明"稿件来源:阿里云开发者社区,原文作者姓名",违者本社区将依法追究责任。 如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:developer2020@service.aliyun.com 进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
+ 订阅

阿里经济体前端技术最新内容汇聚在此,由阿里经济体前端委员会官方运营。我们的愿景是建立全球一流的前端团队,链接商业,让数字世界触手可及是我们的使命。阿里经济体前端委员会致力于加强技术前瞻性、推进集体成长、提升国际影响力。同时我们运营着阿里经济体前端的官方公众号:Alibaba F2E,欢迎关注。

官方博客
官网链接