波仔
🕸️ 第四章 Web的普及与发展
📄 一句话概括

浏览器按名字数有六家，按引擎数只剩三种——兼容测试真正要找的分歧点只有两处。

📝 本节和前面几节的关系

4-2 讲了访问 Web 的载体变成了手机，这一节讲手机上、桌面上究竟在跑哪个浏览器。

一、桌面第二和移动第二，不是同一个

2026 年第一季度的全球份额（StatCounter 口径）：Chrome 65.1%、Safari 18.4%、Edge 5.4%、Firefox 2.6%、三星浏览器 2.3%、Opera 2.1%。

但这张表把桌面和手机混在一起了。分开看才会发现：桌面第二是 Edge（13.7%），移动第二是 Safari（25.44%）——两个答案完全不同。

教材 4-3 特意把 Safari 和移动浏览器单列，理由就在这里。Safari 在桌面上只有 5.66%，在移动端却有 25.44%，它是靠 iPhone 和 iPad 撑起来的。

二、引擎比浏览器更集中

浏览器的数字还要往下钻一层：同一套内核可以装出好几个品牌。

把浏览器还原成引擎：Blink 78.4%、WebKit 18.8%、Gecko 2.6%。Chrome、Edge、Opera、三星浏览器、UC、Brave 用的都是 Blink——它们其实是同一台发动机，换了不同的外壳。

WebKit 更特殊：iOS 上所有浏览器都必须使用 WebKit。也就是说，iPhone 上的 Chrome 和 Safari 在渲染这一层是同一个东西，差别只在上层界面。

三、这对做网页的人意味着什么

兼容测试的分歧点从六个降到了两处：Blink 一套、iOS 上的 WebKit 一套。Gecko 只剩 2.6%，通常放在最后看。

但 Safari 这一处不能省。在北美，Safari 占移动浏览的 51.2%——不测 Safari，等于放弃了成熟市场里每四个手机访客中的一个。

所以 2026 年最常见的测试组合不是【六个浏览器全测】，而是：Chrome 打底、Safari 手机必测、Firefox 有时间再看。

四、动手 Demo：浏览器份额、引擎集中度与设备差异

把三张表放在一起看，才知道【第二名是谁】这个问题为什么没有唯一答案。

browsers = [("Chrome", 65.1, "Blink"), ("Safari", 18.4, "WebKit"),
            ("Edge", 5.4, "Blink"), ("Firefox", 2.6, "Gecko"),
            ("三星浏览器", 2.3, "Blink"), ("Opera", 2.1, "Blink")]
for name, share, engine in browsers:
    print("  %-12s %5.1f%%  %s" % (name, share, engine))
print("  Safari 桌面 5.66%% / 移动 25.44%% → 相差 %.1f 倍" % (25.44 / 5.66))

实跑输出：

--------------------------------------------------------------------
D3  常用浏览器：三家分完，一种引擎通吃
--------------------------------------------------------------------

  教材 4-3 讲常用浏览器。2026 年第一季度的全球份额（StatCounter 口径）：

  浏览器          份额          引擎      一句话
  ----------------------------------------------------------------------------------------
  Chrome          65.1%         Blink     比去年掉 1.9 个点，但仍是唯一过半的
  Safari          18.4%         WebKit    涨 0.6 个点，全靠 iPhone 与 iPad
  Edge            5.4%          Blink     涨 0.9 个点，桌面端已到 13.7%
  Firefox         2.6%          Gecko     桌面守得住，移动端只剩 0.67%
  三星浏览器      2.3%          Blink     印度、印尼随手机预装
  Opera           2.1%          Blink     逐年小幅下滑

  份额按【浏览器】看是六家，按【引擎】看只剩三种。这是关键：

  引擎        份额      谁在用
  ------------------------------------------------------------------------------------
  Blink       78.4%     Chrome、Edge、Opera、三星浏览器、UC、Brave（都是同一套内核）
  WebKit      18.8%     Safari 一家，iOS 上所有浏览器都必须用它
  Gecko       2.6%      只剩 Firefox

  也就是说：**四分之三以上的网页是用同一套引擎渲染的**。
  兼容测试要找的分歧点，其实只有两处——Blink，还有 iOS 上的 WebKit。

  但【移动端第二】和【桌面端第二】不是同一个（2026 年 7 月口径）：

  浏览器          桌面        移动        差多少
  --------------------------------------------------------------------------------------
  Chrome          70.58%      66.79%      两边都过半，最稳
  Safari          5.66%       25.44%      移动端是桌面端的 4.5 倍
  Edge            11.15%      未进前六    桌面第二，手机上基本没有

  所以谁要是说【浏览器排名第二的是 XX】，先问一句：桌面还是手机？
  两个答案不一样。教材 4-3 特意把 Safari 单列，理由就在这里。

先看这张表：六行里四行写着 Blink。按品牌数有六家，看起来很热闹；按引擎数，这六家只剩三种内核。

然后是那 4.5 倍：Safari 在桌面和移动端的差距，是它最容易被误判的地方。只按全球总份额看，Safari 是 18.4%；可你要是做的是一个面向北美手机用户的网站，面对的就是 51.2%。

教材 4-3 标题是【常用的浏览器】，但真正该记住的是这一句：问【哪个浏览器第二】之前，先问是在哪种设备上。

30 秒实验

  1. 用两个不同的浏览器（比如 Chrome 和 Edge）打开同一个网站，看看有没有肉眼可见的差别。
  2. 在你的手机上找出默认浏览器，然后查一查它用的是什么引擎。
  3. 打开浏览器开发者工具，切到手机模拟模式，选一台 iPhone，看页面布局怎么变。

常见误区

  1. 错误：浏览器份额排行榜就是引擎份额排行榜。——纠正：引擎比浏览器集中得多。Chrome 自己只有 65.1%，但以 Blink 为内核的所有浏览器加起来是 78.4%。
  2. 错误：iPhone 上装了 Chrome，就不是 Safari 的天下了。——纠正：iOS 上所有浏览器都必须使用 WebKit。装 Chrome 只是换了个界面和账号体系，渲染那一层还是同一个。
  3. 错误：Firefox 只剩 2.6%，可以完全不测。——纠正：它在桌面端还有 6.4%，而且集中在技术人员和企业环境里。要不要测，取决于你的用户是谁，而不是全球平均。
自测三问（点开对答案） 1. 为什么【浏览器排名第二的是谁】没有唯一答案？ —— 因为**它取决于设备**。桌面端第二是 Edge（13.7%），移动端第二是 Safari（25.44%）。把桌面、移动、平板混成一个数字，得到的是一个不能描述任何真实场景的平均值。 2. 为什么说【浏览器有六家、引擎只有三种】？ —— 因为**很多浏览器共用同一套渲染引擎**。Chrome、Edge、Opera、三星浏览器、UC、Brave 都是 Blink；Safari 是 WebKit；Firefox 是 Gecko。引擎决定了页面的实际渲染行为，所以按引擎看才是真实的分歧数。 3. 做网页的人为什么必须测试 iOS 上的 Safari？ —— **因为 iOS 上的浏览器全是 WebKit，绕不过去**；而且 Safari 在北美占移动浏览的 51.2%。不测它，等于对成熟市场里一大半的手机访客不设防。

相关笔记