Safari 27.3 引入自适应深色模式:没做深色的网站也能变暗
来源:webkit.org — 2026-11-03
📋 概述
Safari 27.3 beta 上线自适应深色模式:用户启用后,Safari 会分析页面颜色,把只做了浅色版的网站自动转成深色。Apple 给出的数据是近 40% 的网页加载来自深色模式用户,但只有约 10% 的页面支持深色。实现核心是一套保持色相的亮度反色矩阵,文字按 WCAG 4.5:1 的对比度目标调整,SVG 图标按需变色、黑白位图按像素直方图反转。网站若在 HTML 里声明了 color-scheme,Safari 完全不动它,也可以用 light only 明确拒绝。为防止指纹追踪,网页查不到自己是否被转换。
🔑 核心要点
- 约 40% 的页面加载来自深色模式用户,而支持深色的页面只有约 10%。
- 转换使用保持色相的亮度反色矩阵,文字对比度按 WCAG 4.5:1 校验,浅色渐变也会一并反色。
- 声明 meta color-scheme 为 light dark 的网站完全不处理,light only 可以让站点显式退出。
- JavaScript 读到的仍是作者原始颜色、canvas 按原色渲染,避免网站探测谁启用了自适应深色。
💡 金句
如果你喜欢深色模式,你大概撞见过某些亮得刺眼的网站。
👍 0
👎 0
← 返回 Lobsters 首页