Chrome 98 的新变化

以下是您需要知晓的相关信息:

  • 如果您尝试过自动深色主题源试用,可以通过新的方式按元素停用
  • 现在支持 COLRv1,这是 COLRv0 字体格式的演变。
  • 还有许多其他功能。

我是 Pete LePage。我们来深入了解一下 Chrome 98 中面向开发者的新功能。

在 Android 设备上选择停用自动深色主题

在 Chrome 96 中,我们开始了 Android 上的自动深色主题源试用。

借助此功能,如果您的网站采用浅色主题,而用户的操作系统处于深色模式,浏览器会将自动生成的深色主题应用于您的网站。

如果您已注册原始版试用版,并且想为特定网页停用自动生成的深色主题,可以使用元标记。

<meta name="color-scheme" content="only light">

或者,您也可以通过在 :root 元素上设置 color-scheme: only light 来选择停用此功能。

:root {
  color-scheme: only light;
}

不过,此方法的主要优势在于,您可以通过向相应元素应用特定样式,按元素选择停用。

.only-light,
#my-element {
  color-scheme: only light;
}

如需了解完整详情,请参阅 Android 上的自动深色主题中的如何停用自动深色主题部分。

COLRv1 字体支持

Chrome 98 现在支持 COLRv1,这是 COLRv0 字体格式的演变。它添加了渐变、合成和混合功能,并改进了形状重用,以便生成压缩效果出色的清晰紧凑的字体文件。

彩色字体可让视觉亮点、标题和横幅脱颖而出。

使用 COLRv1 字体的标题

COLRv1 最实用的用例之一是,在所有平台上使用一致的表情符号。您无需将表情符号替换为图片文件,因为字体文件会变小,更易于在网页中添加。

使用一致的表情符号的字体文件

我们正在研究如何改进特征检测功能,因为该功能目前还不够简单易用。但这一点需要您注意。

如需了解详情以及如何创建自己的字体,请参阅 Chrome 98 中的 COLRv1 颜色渐变矢量字体

在 UA 字符串中模拟 Chrome 100

短短几个月后,我们将迎来 Chrome 100,这是个三位数版本号。 应检查用于检查版本号或解析 UA 字符串的所有代码,确保其能够处理三位数。

有一个名为 #force-major-version-to-100 的标志,会将当前版本号更改为 100,以便您确保一切都能按预期运行。

Chrome 标志页面,突出显示了新的 #force-major-version-to-100 选项

等等!

当然,还有许多其他功能。

现在,系统会在针对子资源发出私有网络请求之前发出 CORS 预检请求,以请求目标服务器的明确权限。

Region Capture API(用于剪裁自拍视频轨道的 API)推出了新的源试用。非常适合在视频会议应用中进行屏幕共享,以免产生镜厅效应!

我们原本计划在 Chrome 98 中推出窗口叠加层控件,但由于在最后一刻发现了问题,因此未能实现。我们仍在努力完善,预计会在接下来的几个版本中推出。

深入阅读

本文仅介绍了一些主要亮点。如需了解 Chrome 98 中的其他变更,请点击以下链接。

订阅

如需了解最新动态,请订阅 Chrome Developers YouTube 频道,每当我们发布新视频时,您都会收到电子邮件通知。

我是 Pete LePage,Chrome 99 发布后,我会立即为您介绍 Chrome 中的新变化!