翻译：WebKitforDevelopers最新分析和总结.pdfVIP

翻译： WebKit for Developers Paul Irish 大 湿为我们带来了这篇开年大作，文章深入浅出的阐述了各 Webkit port 的迥异，文笔 细腻，是一篇不可多得的 Webkit 入门开胃菜。为了让大家第一时间更好的品尝这道大菜，一丝特 别邀请了几位 Webkit 专业开发人士作为本文的翻译顾问，在此表示由衷的感谢！ 本文涉及到非常多的专业术语，我会尽量补充一些相关资料的链接，翻译不当之处，欢迎批评指正 。 对于许多开发者而言， WebKit 是一个黑盒子 。我们把 HT ML, CSS, JS 和一堆资源放进去，然后 WebKit 以某种方式，奇妙地变出一个中看又中用「美观而实用」的网页。事实上，如同我同事 Ilya Grigorik 所说 … WebKit 它 不是 一个黑盒子，而是一个白盒子，并且是一个 开放的 白盒子。 那么让我们花一点时间来理清一些东西： WebKit 是什么？ WebKit 不是什么？ 基于 WebKit 的浏览器使如何运用 WebKit ？ 为什么所有的 WebKit 并不一样「呢」？ 虽然现在我们已经有了很多 Webkit 浏览器了，特别是有消息称 Opera 也已经转移到 WebKit 了，但 是想要理解他们的相同点和不同点还是挺难的。下面我将侧重讲这方面，你将能更好的分辨浏览器 的差异，在合适的 bug 跟踪系统提交 bug ，并了解如何更加高效的针对特定的浏览器进行开发。 标 准的 Web 浏览器组件 让我们看一下现代 web 浏览器的几个组件： 那么哪些是基于 WebKit 的浏览器所共享的呢？ 几乎只有前两项 。 其它的由各自的 WebKit port 负责。让我们回顾下这意味着什么？ WebKit Port 虽然 Webkit 有不 同的 ” port，但请允许我引用来自” Sencha 的 WebKit hacker 兼 eng 主管 — Ariya Hidayat 解释一下： WebKit 最常见的参考实现是 Apple 自己的运行在 Mac OS X 上的 WebKit 实现（这也是 最早 最原始的 WebKit 库）。正如你所知，在 Mac OS X 上各种接口的实现使用不同的本地库， 大多集中在 CoreFoundation 。比如，你定义了一个带有特别的圆角的平面彩色按钮，那么 WebKit 会知道在哪里以及如何画绘制这个按钮。可是，最终实际画绘制按钮的职责（作为 用户显示器上的像素）还是落到了 CoreGraphics 身上。 如上所述，只有 Apple 自己在 Mac 上的实现是使用 CG 。Chrome 在 Mac 上的实现使用的是 Skia 。 随着时间推移， WebKit 被移植到不同的平台，包括桌面和移动端。这种做法通常被称作 “ 一个 WebKit port 。对于” Safari 浏览器的 Windows 版本， Apple 也把自己的 WebKit 移植到 Windows 上，同时使用 Windows 版（阉割版）的 CoreFoundation 库。 尽管 Windows 版 Safari 现在挂了。 此外，还有许多其他的 ” port （查看全部的列表）。” Google 创建了一个持续维护 的Chromium port 。还有，这是基于 GT K + 的 WebKitGtk 。Nokia （通过它收购的 Trolltech 公司）维护 Qt 的 WebKit 移植版本，一般叫做 QtWebKit 模块。（译者注：后来又便宜卖了 ，现在 Qt 属于 Digia 公司） 一些 WebKit port 不同的 port 可以有不同的侧重点。 Mac port 关注的是浏览器内核和操作系