浏览器怎样把浅色网页变暗，又不把图片和颜色含义一并翻转？WebKit 对 Safari 27.3 测试版自适应深色模式的说明，区分了四层处理。 ① 先判断是… · @BaiBtw · TwKit

@BaiBtw

浏览器怎样把浅色网页变暗，又不把图片和颜色含义一并翻转？WebKit 对 Safari 27.3 测试版自适应深色模式的说明，区分了四层处理。 ① 先判断是否需要转换 用户启用后，已用 color-scheme: light dark 声明支持深色的网站不会被改动；其余页面会先分析整体明暗，原本就是深色的页面也保持不变。 ② 颜色和图片分开处理 颜色矩阵反转明度并保留色相，文字转换以 4.5:1 对比度为目标。大多数图片不变；SVG 图标按需要调整，位图则分析像素直方图，识别并反转简单黑白标志。浅色 CSS 渐变也会转暗。 ③ 自动转换有边界 canvas 内容保留原样，部分遮罩和混合效果可能被关闭。文中示例的页面已经变暗，图表仍是浅色；另一组对照则显示，自定义深色主题还能进一步调整地图等细节，自动转换并不等于设计完成的深色版本。 ④ 显示结果不直接暴露给脚本 JavaScript 查询 CSS 颜色仍得到原始值，图片画入 canvas 也保持原样，以免网站借此识别用户是否启用了该功能。文中还介绍了 light only 的退出声明，但特别注明 Safari 27.3 beta 1 尚不支持 only 关键字，不能把后续设计当成该测试版已具备的能力。

曝光 49 · 评论 2 · 点赞 1 · 书签 0