国外主流的网页渲染引擎有哪些

常见国外网页渲染引擎一览

上网时打开浏览器，页面能正常显示、排版整齐、动画流畅，背后靠的是网页渲染引擎在干活。国外主流的渲染引擎有好几款，各自支撑着不同的浏览器产品。

Blink

现在用得最广的要数 Blink，它由 Google 主导开发，是 Chromium 项目的一部分。我们熟悉的 Chrome、Edge、Opera 都基于它。Blink 从 WebKit 分叉而来，优势在于性能强、更新快，对现代网页标准支持全面。比如你在 Chrome 上看视频网站，弹幕滚动不卡，多半是它的功劳。

WebKit

虽然现在 Blink 更流行，但 WebKit 也没退出舞台。它是 Safari 浏览器的核心，苹果全家桶——iPhone、Mac 都在用。Web 开发者经常头疼的一点就是：同一个页面，在 Chrome 上正常，在 Safari 上布局错乱，这往往就是 WebKit 和 Blink 渲染差异导致的。比如某些 CSS 属性在 Safari 上需要加 -webkit- 前缀才能生效。

.box {
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

Gecko

Mozilla 的 Firefox 使用的是自家研发的 Gecko 引擎。它历史悠久，对开放网络标准一直很坚持。虽然市场份额不如前两者，但在隐私保护和扩展生态上有独特优势。有些用户就认准 Firefox，觉得广告追踪少，插件自由度高。Gecko 对 SVG 和 MathML 的支持一度领先，适合科研类网站浏览。

Trident（已逐步淘汰）

老用户可能还记得 IE 浏览器，它的内核叫 Trident。微软后来用 Edge 取代了 IE，最初 Edge 也用过自研的 EdgeHTML，但最终还是转向了基于 Chromium 的版本，也就是现在用 Blink 的新版 Edge。Trident 现在基本只在一些老旧企业系统里还能见到，比如单位内部的管理系统，换不了新浏览器，只能凑合用。

了解这些渲染引擎的区别，对日常上网其实也有帮助。比如你做个网页，在 Chrome 跑得好好的，朋友用 Safari 打开说样式乱了，这时候就知道得去查 WebKit 的兼容性问题。再比如开发 H5 游戏，动画帧率要求高，就得优先考虑 Blink 下的优化策略。