各webkit应用的相同点及不同点

一些WebKit ports：

• Safari
  • OS X Safari和Windows Safari使用的是不同的port
  • 用于OS X Safari的WebKit Nightly以后会渐渐成为一个边缘版本
• Mobile Safari
  • 在一个私有代码分支上维护，不过代码现在正在合并到主干
  • iOS Chrome（使用了Apple的WebView，不过后面的部分有很多不同）
• Chrome（Chromium）
  • 安卓Chrome（直接使用Chromium port）
  • Chromium也驱动了Yandex Browser、 360 Browser、Sogou Browser，很快，还会有Opera。
• 还有很多： Amazon Silk、Dolphin、Blackberry、QtWebKit、WebKitGTK+、The EFL port (Tizen)、wxWebKit、WebKitWinCE……

不同的port专注于不同的领域。Mac的port注意力集中在浏览器和操作系统的分割上，允许把ObjectC和C++绑定并嵌入原生应用的渲染。Chromium专注在浏览器上。QtWebKit的port在他的跨平台GUI应用架构上给apps提供运行时环境或者渲染引擎。

每个WebKit port有哪些共同之处

• DOM、winow、document
• CSS对象模型
• CSS解析，键盘事件处理
• HTML解析和DOM构建
• 所有的布局和定位
• Chrome开发工具和WebKit检查器的UI与检查器
• contenteditable、pushState、文件API、大多数SVG、CSS Transform math、Web Audio API、localStorage等功能
• 很多其他功能与特性

这些领域现在有点儿模糊，让我们尝试把事情弄得更清楚一点。

什么是WebKit port们并没有共享的：

• GPU相关技术
  • 3D转换
  • WebGL
  • 视频解码
• 将2D图像绘制到屏幕
  • 解析方式
  • SVG和CSS渐变绘制
• 文字绘制和断字
• 网络层（SPDY、预渲染、WebSocket传输）
• JavaScript引擎
  • JavaScriptCore 在WebKit repo中。V8和JavaScriptCore被绑定在WebKit中。
• 表单控制器的渲染
• <video>和<audio>的元素表现和解码实现
• 图像解码
• 页面导航 前进/后退
  • pushState()的导航部分
• SSL功能，比如Strict Transport Security和Public Key Pins

其中的2D图像部分： 根据port的不同，我们使用完全不同的库来处理图像到屏幕的绘制过程：

WebCore其实是当大家讨论HTML和SVG的布局、渲染和DOM处理时提到的WebKit。技术上讲，WebKit是WebCore和各种ports之间的绑定层，尽管通常来说这个差别并不那么重要。如下图理解：

WebKit中的许多组件都是可以更换的（图中标灰色的部分）。

举个例子来说，Webkit的JavaScript引擎，JavaScriptCore，是WebKit的默认组件。（它最初是当WebKit从KHTML分支时从KJS演变来的）。同时，Chromium port用V8引擎做了替换，还使用了独特的DOM绑定来映射上面的组件。

字体和文字渲染是平台上的重要部分。在WebKit中有两个独立的文字路径：Fast和Complex。这两者都需要平台特性的支持，但是Fast只需要知道如何传输字型，而Complex实际上需要掌握平台上所有的字符串，并说“请绘制这个吧”。

大量的Chromium 代码还是起到了调节作用 ，比如网络层、同步、书签架构、地址栏、度量工具和崩溃报告。

一介绍PPT

https://docs.google.com/presentation/d/1ZRIQbUKw9Tf077odCh66OrrwRIVNLvI_nhLm2Gi__F0/embed?start=false&loop=false&delayms=3000#slide=id.p