《了解渲染引擎》

---

渲染引擎

简介

• 即 图形API

---

GUI

• 即 图形用户界面(Graphical User Interface, 又称图形用户接口)

---

DirectX

• 具有丰富的多媒体元素(全色图形、视频、3D 动画和丰富音频)的应用程序的理想平台

---

OpenGL

• OpenGL是渲染2D、3D矢量图形的一种软件接口
• 是一个3D图形和模型库，具有高度的可移植性，渲染速度快

---

WebGL

• WebGL（Web Graphics Library）是一种3D绘图协议
• 为 HTML5 Canvas提供硬件3D加速渲染

浏览器引擎

• Rendering engine 即 浏览器内核 eg: trident、gecko、webkit、Blink、Presto、Chromium、…
• 即渲染引擎

常用浏览器

IE浏览器

• 内核：trident
• trident 作为 IE的内核，国内双核浏览器的内核之一, 只能用于Windows平台，没有开源 该内核一直使用到了IE11,IE11的后继者 Edge 采用了新内核EdgeHTML

IE（Internet Explorer）浏览器的诞生起源于1994年

---

Edge

• Chromium 内核

chromium 开源内核 fork 自 webkit，代码可读性和编译速度有所提升，应用了谷歌 JS 引擎 — V8，提高了 JS 的运算速度

Mozilla firefox

• 内核：gecko
• 一款开源内核, 跨平台，可以在 Windows、Linux、Mac 等主要操作系统中使用

原网景公司的人员创办了Mozilla基金会，一个非盈利组织，他们在2004年推出了自己的浏览器 Firefox
以 Mosaic 内核为基础，开发了 Gecko 引擎
Mozilla 公司，2005 年成立

---

Safari

• 内核：webkit
• 苹果MAC 公司
• 一款开源内核, 曾经的 Chrome 用的是 Webkit。Webkit 包括是渲染引擎Webcore(前身是KHTML),以及JS引擎JSCore

发展 ：KHTML->Webkit(WebCore+JSCore)->Webkit2

Safari 是苹果公司开发的浏览器，使用了KDE（Linux桌面系统）的 KHTML 作为浏览器的内核

---

Chrome

• 内核：Blink

曾经的 Chrome 用的是 Webkit

Blink 内核是由 Google 和 Opera Software 开发的浏览器排版引擎，2013 年 4 月 发布

2008 年谷歌公司发布 chrome 浏览器
chromium 内核 —> WebKit —> Blink

---

Opera

• 内核：之前是 Presto 后来使用的是 Blink

Presto 渲染速度最快的引擎，Opera7.0开始使用 13年2月后为了减少研发成本 Opera放弃Presto宣布加入谷歌阵营，采用 chromium , 之后也紧跟 Blink 的脚步

Opera 浏览器创始于1995年4月

Opera 浏览器 由挪威Opera Software ASA公司发布，2016年2月确定被奇虎360和昆仑万维收购

---

JS解释器

• 即 JS内核 eg: chrome 浏览器的V8引擎