浏览器三大内核:Blink、Gecko、WebKit

介绍

现代桌面&移动端主流浏览器内核分为 Blink、Gecko、WebKit,很多人会把「渲染引擎(内核)」和 JS 引擎混在一起,先区分概念:

浏览器内核 = 渲染引擎(负责解析HTML/CSS、布局、绘制页面)
JS引擎:独立模块(V8、SpiderMonkey、JavaScriptCore),负责执行JavaScript

一、WebKit(WebKit2)

起源

2001年苹果基于KHTML(Konqueror浏览器内核)分支改造,开源引擎。

代表浏览器

  • Safari(macOS / iOS)
  • 早期Chrome(2008–2013)
  • 早期Android自带浏览器
  • 旧版Opera、部分移动端小程序内核、Electron早期版本

特点

✅ 优势

  1. 代码架构简洁,移动端优化成熟,功耗控制优秀
  2. iOS平台强制标准:所有iOS上第三方浏览器(Chrome、Edge、微信内置浏览器)底层必须套WebKit,不能使用Blink/Gecko
  3. CSS、网页标准兼容性成熟,生态庞大

❌ 短板

  1. 苹果独立维护,部分新Web标准跟进速度慢于Blink
  2. 多进程模型设计不如后来Blink完善

分支说明:
WebKit → Google分出 Blink;WebKit本身继续由苹果维护,改名WebKit2用于现代Safari。
JS引擎:JavaScriptCore(Safari)

起源

2013年Google从WebKit分支独立出来,创建Blink渲染引擎,随Chromium开源项目持续迭代。

代表浏览器

  • Google Chrome
  • Microsoft Edge(新版,2020年后放弃EdgeHTML)
  • Opera(新版)
  • Vivaldi、Brave、360浏览器、QQ浏览器、百分浏览器
  • Electron、CEF、Flutter WebView、绝大多数桌面套壳浏览器

特点

✅ 优势

  1. 市场垄断级占有率,网页开发者首要兼容目标
  2. 多进程架构(渲染进程、GPU进程、网络进程隔离)稳定性强,单个标签崩溃不影响整个浏览器
  3. Web新特性、W3C标准跟进最快,WebAssembly、CSS新属性、WebGPU优先支持
  4. 完善开发工具DevTools

❌ 短板

  1. 内存占用相对偏高
  2. 行业过度依赖,存在标准垄断风险

配套JS引擎:V8引擎(Google自研)

三、Gecko(火狐内核)

起源

1998年Mozilla开发,Netscape后继引擎,完全独立,不衍生自WebKit。

代表浏览器

  • Firefox(火狐浏览器)
  • Waterfox、LibreWolf等火狐衍生浏览器

特点

✅ 优势

  1. 完全独立开源,不受谷歌、苹果控制,互联网多元化重要内核
  2. 对隐私特性原生友好:更强追踪防护、Cookie隔离
  3. 布局引擎标准实现严谨,很多标准草案最先在Gecko落地验证
  4. 扩展系统强大(旧版XUL扩展,新版WebExtensions)

❌ 短板

  1. 市场份额持续萎缩,很多网站只针对Blink优化,偶发兼容bug
  2. 部分网页新特性支持节奏略慢于Chromium/Blink

配套JS引擎:SpiderMonkey

容易混淆的旧内核

  1. EdgeHTML:旧版Microsoft Edge(2015–2020),微软自研,现已废弃
  2. Trident(IE内核):Internet Explorer内核,彻底淘汰,仅老旧内网系统可见
  3. Presto:旧版Opera内核,2013年被放弃

三大内核对比

内核 主导厂商 代表浏览器 JS引擎 关键标签
WebKit Apple Safari、iOS所有浏览器 JavaScriptCore 苹果生态、移动端、iOS强制内核
Blink Google(Chromium) Chrome、新版Edge、国内绝大多数浏览器 V8 市场主流、开发者首选兼容目标
Gecko Mozilla Firefox SpiderMonkey 独立开源、隐私导向、互联网多样性

重要实用知识点

  1. 国内所有“双核浏览器”:高速模式=Blink,兼容模式=Trident(IE);
  2. iPhone上不管下载什么浏览器,底层一律WebKit,无法使用Chrome的Blink;
  3. 前端开发兼容优先级:Blink > WebKit > Gecko;
  4. 前端CSS前缀:-webkit-(WebKit/Blink通用)、-moz-(Gecko专属)。

原文出处:/show_1GW3ivdDWdMx.html