浏览器渲染引擎，自学前端

| WebKit | Safari,Chromium,Chrome(-2013) ,Android 浏览器,ChromeOS,WebOS 等 | 2005 | WebCore + JavascriptCore | BSD |

| Blink | Chrome, Opera | 2013 | V8 | GPL |

| Edge | Edge | 2015 | EdgeHTML + Chakra | MIT(chakra) |

市面上的浏览器都有自己的内核，有些内核之间还存一些关系。 WebKit 是 Apple 公司在 2005 年开源的一个内核，Apple 公司早期使用的引擎是 KHTML，KHTML 是 KDE 社区维护，Apple 技术团队也参与 KHTML 的开发，但是在开发过程中，KDE 社区不太喜欢 Apple 团队人员提交的代码。所以 Apple 公司的人就自己独立出来，在 KHTML 基础之上创建了 WebKit 内核，并在 2005 年开源。 在 2008 年，Google 发布 Chrome 浏览器，采用的也是 Webkit 内核，同时技术团队人员也参与 WebKit 项目的开发，但是在设计上与 Apple 团队存在分歧，所以 Google 的人就独立出来，基于 WebKit 开发了 Blink 内核，Blink 在 Webkit 的基础上加入多进程，沙箱等很多技术。

回过头看看国内，有很多浏览器，很牛逼，都是多核的，想要兼容国内银行系统就切换到 Trident 内核，想要访问速度就切换到 Webkit 内核，Blink 发布以后，就把 WebKit 换成了 Blink 。

• QQ 浏览器 Trident+Webkit (Blink)

• 360 安全浏览器 Trident+Webkit (Blink)

• 猎豹浏览器 Trident+Webkit (Blink)

• 世界之窗 Trident+Webkit (Blink)

• 搜狗高速浏览器 Trident+Webkit (Blink)

• UC 浏览器 Trident+Webkit (Blink)

• ….

WebKit 架构

---

接下来我们进入到 Webkit 里面，首先看一下 WebKit 的架构图

在上图中实线部分，也就是 WebCore，基本上在各个浏览器中是共享的，虚线部分在各个浏览器中的存在差异。 WebCore 是渲染引擎，包含的 HTML 解释器，CSS 解释器，处理页面布局渲染等功能。 JavascriptCore 就是 WebKit 内置的 Javascript 引擎。 在最上层是 WebKit 嵌入式接口，这些接口提供给浏览器调用，但是我们可以看到图中有 WebKit 和 WebKit2 两个嵌入式接口，这两有什么区别呢？

WebKit 2 是 2010 年 4 月份发布的，抽象出一组新的编程接口，给开发者用，同时采用了多进程：，一个 UI 进程，处理 Web 平台与浏览器接口的进程，另外一个 Web 进程, Web 页面渲染的进程。 让 web 进程与 UI 进程隔离，在健壮性、安全性以及更好地使用多核 cpu 等方面带来了好处。 以下是 WebKit