新的 CSS 颜色类型和颜色空间、CSS 三角函数以及 View Transitions API。
除非另有说明，否则以下变更适用于适用于 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 渠道版本。如需详细了解此处列出的功能，请点击所提供的链接或查看 ChromeStatus.com 上的列表。自 2023 年 2 月 9 日起，Chrome 111 进入 Beta 版阶段。您可以在桌面版 Google.com 或 Android 版 Google Play 商店下载最新版本。
CSS
新的 CSS 颜色类型和空间
CSS 颜色级别 4 中介绍的所有功能现已启用。这包括四种与设备无关的颜色类型（lab、Oklab、lch 和 Oklch）、color() 函数，以及用于渐变和动画的用户定义的颜色空间。
请参阅高清 CSS 颜色指南，了解这些新的颜色类型和色彩空间。
color-mix() 函数
CSS Color 5 中非常实用的 color-mix() 函数也已发布。此函数支持在任何受支持的颜色空间中将一种颜色的百分比混合到另一种颜色中。以下示例将 10% 的 blue 混合到 SRGB 中的 white 中。
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
CSS 选择器 4 伪类 :nth-child(an + b of S)
扩展了 :nth-child(an + b) 和 :nth-last-child() 以接受选择器。例如，:nth-child(3 of .c) 是给定父项下的第三个 .c。如需了解详情，请参阅使用 of S 语法更好地控制 :nth-child() 选择一文。
CSS 根字体单位
向 rem 的现有根字体单元添加了根字体单元：rex、rch、ric 和 rlh。
CSS 三角函数
向 CSS 数学表达式添加了三角函数 sin()、cos()、tan()、asin()、acos()、atan()、atan2()。
为 CSS 自定义属性设置容器样式查询
向 @container 规则添加了 style() 函数，以便根据祖先元素的自定义属性的计算值应用样式。
baseline-source 属性
借助 baseline-source 属性，Web 开发者可以指定内嵌级框是否应使用 first 或 last 基准线在线框中对齐。
Web API
window-management 权限和权限政策字符串
Chrome 111 添加了 window-management 作为 window-placement 权限和权限政策字符串的别名。这项更改是最终弃用并移除 window-placement 的更大计划的一部分，旨在重命名字符串。随着 Window Management API 随时间推移而不断发展，术语变更有助于延长描述符的使用寿命。
Media Session API：演示幻灯片操作
向现有 Media Session API 添加了 previousslide 和 nextslide 操作。
可调整大小的 ArrayBuffer 和可伸缩的 SharedArrayBuffer
扩展了 ArrayBuffer 构造函数，以接受额外的最大长度，从而允许缓冲区就地增长和缩减。同样，SharedArrayBuffer 也进行了扩展，以增加允许的最大长度，从而允许原地增长。
推测规则：引荐来源网址政策键
这扩展了推测规则语法，让开发者可以指定要与推测规则触发的推测性请求一起使用的引荐来源政策。这也重新引入了“足够严格的引荐来源政策”要求。
流式传输声明式 shadow DOM
这通过将阴影根附加到开头（而非结尾）模板标记上，添加了对流式传输的支持。
View Transitions API
通过快照视图并允许 DOM 更改，从而无需在状态之间进行任何重叠，在单页应用 (SPA) 中创建精致的转换。您可以使用 View Transitions 构建自定义转场效果，也可以使用简单的交叉淡出默认效果来改善用户体验。
如需了解详情和转场效果示例，请参阅 Chrome 开发者文章，以便顺利上手。
WebRTC 可伸缩视频编码扩展
此扩展定义了一种标准方法，用于在传出 WebRTC 视频轨道的可能可伸缩视频编码 (SVC) 配置之间进行选择。
WebXR enabledFeatures 属性
返回 XRSessionInit 指定的为此 XRSession 启用的功能集，以及规范针对给定模式和功能所要求的隐含功能。对于已授予的会话，此字段将包含所有 requiredFeatures，但可能是 optionalFeatures 的一部分。大多数功能都有其他方法来检测是否已授予；不过，对于某些功能，功能是否已启用的信号可能与数据密切相关，即功能目前不可用，而不是永远不可用。通过查询 enabledFeatures，您可以确定是否应显示任何实用提示（例如，用于改进或开始跟踪），或者当前会话中是否永远不支持某项功能。
正在进行的源试用
在 Chrome 111 中，您可以选择参与以下新的源试用。
为移除 Web Payment API 中的 connect-src CSP 绕过功能而进行的弃用试用
弃用了 Web Payment API 在提取清单时绕过 connect-src CSP 政策的功能。弃用此属性后，网站的 connect-src CSP 政策需要允许 PaymentRequest 调用中指定的付款方式网址，以及该方法链用于提取其清单的任何其他网址。
此绕过功能已在 Chrome 111 中移除，但我们在 111 到 113 之间提供了一项反向来源试用，供需要暂时重新启用此绕过功能的开发者使用。如需选择启用此功能，请注册connect-src CSP 绕过功能的弃用回滚试用。
文档画中画
Document Picture-in-Picture API 是一个新 API，用于打开一个始终位于顶部的窗口，该窗口可填充任意 HTML 内容。这是对现有画中画 API 的扩展，该 API 仅允许将 HTMLVideoElement 放入画中画窗口。这样，Web 开发者就可以为用户提供更好的 PiP 体验。
阅读文档画中画文档。
注册参与文档画中画源试用。
废弃和移除
此版本的 Chrome 引入了下列已废弃和已移除的功能。如需查看计划弃用的功能、当前弃用的功能和之前移除的功能的列表，请访问 ChromeStatus.com。
此版本的 Chrome 移除了三项功能。
移除了 PaymentInstruments
PaymentInstruments 是支持非 JIT 安装付款应用的 Web API（请参阅 https://w3c.github.io/payment-handler/）。在设计该 API 时，我们假定浏览器会存储实际付款工具的详细信息，但事实证明并非如此，并且存在一些隐私泄露问题。它也没有在任何其他浏览器中发布，我们也未看到其他浏览器供应商对此有任何兴趣。因此，此 API 已被弃用并移除。
移除了 Web Payment API 中的 connect-src CSP 绕过
弃用了 Web Payment API 在提取清单时绕过 connect-src CSP 政策的功能。移除此属性后，网站的 connect-src CSP 政策需要允许在 PaymentRequest 调用中指定的付款方式网址，以及该方法链用于提取其清单的任何其他网址。
如需了解如何选择加入弃用试用计划，以便有更多时间根据此次移除操作进行必要的更改，请参阅“来源试用”部分中的信息。
canmakepayment 事件中的商家身份
canmakepayment 服务工事件可让商家知道用户是否在已安装的付款应用中存有卡片。它用于从付款应用来源静默将商家的来源和任意数据传递给服务工。此跨源通信发生在 JavaScript 中的 PaymentRequest 构建过程中，无需用户手势，也不会显示任何界面。此静默数据传输已从 canmakepayment 事件和 Android IS_READY_TO_PAY intent 中移除。