新增了 CSS 颜色类型和颜色空间、CSS 三角函数以及 View Transitions API。
除非另有说明，否则以下变更适用于 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 渠道版本。您可以通过提供的链接或 ChromeStatus.com 上的列表详细了解本文所列的功能。Chrome 111 Beta 版自 2023 年 2 月 9 日起推出。您可以在桌面版 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
通过将影子根附加在起始标记（而非结束标记）上，添加了对流式插入的支持。
查看 Transitions API
通过拍摄视图快照并允许 DOM 更改且状态之间没有任何重叠，支持在单页应用 (SPA) 中创建美观的转场效果。使用视图过渡来构建自定义转场，或使用简单的淡入淡出默认设置来提升用户体验。
请参阅 Chrome 开发者文章了解详情并查看可帮助您入门的转换示例。
WebRTC 可扩缩视频编码扩展程序
此扩展程序定义了一种标准方法，用于在传出 WebRTC 视频轨道上可能的可扩缩视频编码 (SVC) 配置之间进行选择。
WebXR enabledFeatures 属性
返回为此 XRSession 启用的功能集（由 XRSessionInit 指定），以及规范中针对给定模式和功能指定的隐含功能。对于已授予的会话，这将包含所有 requiredFeatures，但可能是 optionalFeatures 的子集。大多数功能都有备用方式来检测它们是否已获得授权；不过，对于某些功能，表示某项功能是否启用的信号可能只是表示相应功能目前不可用，而不是一直不可用。通过查询 enabledFeatures，您可以确定是否应显示任何有用的提示（例如，改进或开始跟踪），或者某项功能是否在当前会话下不受支持。
正在进行源试用
在 Chrome 111 中，您可以选择参与以下新的源试用。
用于移除 Web Payment API 中的 connect-src CSP 绕过机制的弃用试用
不再允许 Web Payment API 在提取清单时绕过 connect-src CSP 政策。弃用后，网站的 connect-src CSP 政策将需要允许使用在 PaymentRequest 调用中指定的付款方式网址以及该方法所链接的任何其他网址以获取其清单。
Chrome 111 中已移除这项绕过功能。对于需要暂时重新启用此绕过功能的开发者，Chrome 111 提供的反向源试用将从 111 到 113 中依次提供。如需选择启用，请注册参与绕过 connect-src CSP 的反向弃用试用。
文档画中画
Document Picture-in-Picture API 是一个新 API，用于打开始终显示在顶部的窗口，该窗口可以填充任意 HTML 内容。这是对现有画中画 API 的扩展，仅允许将 HTMLVideoElement 添加到画中画窗口中。这样一来，网络开发者可以为用户提供更好的画中画体验。
阅读文档画中画的相关文档。
注册参与文档画中画源试用。
弃用和移除
此版本的 Chrome 引入了下列弃用和移除功能。请访问 ChromeStatus.com，查看计划内弃用、当前弃用和先前移除的列表。
此版本的 Chrome 移除了三项功能。
移除 PaymentInstruments
PaymentInstruments 是一种支持非 JIT 安装付款应用的 Web API（请参阅 https://w3c.github.io/payment-handler/）。在设计过程中，浏览器会存储实际的付款方式详情，但事实并非如此，并且存在一些隐私泄露问题。它还没有在其他任何浏览器上推出，我们也未发现其他浏览器供应商对此感兴趣。因此，此 API 已被弃用并移除。
移除 Web Payment API 中的 connect-src CSP 绕过设置
不再允许 Web Payment API 在提取清单时绕过 connect-src CSP 政策。移除后，网站的 connect-src CSP 政策将需要允许使用在 PaymentRequest 调用中指定的付款方式网址以及该方法链接的所有其他网址提取其清单。
请参阅处于源试用阶段的信息，了解如何选择加入弃用试用，从而有更多时间针对此次移除做出必要的更改。
canmakepayment 事件中的商家身份
canmakepayment Service Worker 事件可让商家了解用户是否在已安装的付款应用中设置了记录卡。它用于以静默方式将商家的来源和任意数据从付款应用来源传递给 Service Worker。此跨源通信发生在通过 JavaScript 构建 PaymentRequest 时，不需要用户手势，也未显示任何界面。此静默数据段落已从 canmakepayment 事件和 Android IS_READY_TO_PAY intent 中移除。