Chrome 98 的新变化

以下是您有必要知道的信息:

我是 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,以确保一切按预期运行。

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

还有更多其他奖励!

当然还有很多。

现在,CORS 预检请求会在针对子资源的专用网络请求之前发送,以请求目标服务器的明确权限。

Region Capture 提供了新的源试用,用于剪裁自拍视频轨道。是视频会议应用中的屏幕共享的理想选择,这样就不会造成大厅的镜像效果!

我们之前为 Chrome 98 规划了窗口叠加控件,但由于在最后一刻发现的问题,系统未将其纳入功能。我们仍在努力开发它,并期待它能在接下来的几个版本中推出。

深入阅读

这仅涵盖了部分重要的亮点。如需了解 Chrome 98 中的其他变化,请点击以下链接。

订阅

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

我是 Pete LePage