新增了 CSS 颜色类型和颜色空间、CSS 三角函数以及 View Transitions API。
除非另有说明，否则以下变更适用于最新 Chrome Beta 版（Android、ChromeOS、Linux、macOS 和 Windows）。如要详细了解此处所列的功能，请点击下方链接或 ChromeStatus.com 上的列表。Chrome 111 从 2023 年 2 月 9 日起进入 Beta 版阶段。您可以访问 Google.com（桌面版）或 Google Play 商店（Android 版）下载最新版本。
CSS
新的 CSS 颜色类型和空格
CSS 颜色级别 4 中所述的所有功能现已启用。这包括四种与设备无关的颜色类型（lab、Oklab、lch 和 Oklch）、color() 函数，以及用户定义的渐变颜色空间和动画颜色空间。
请参阅高清 CSS 颜色指南，了解这些新的颜色类型和空间。
color-mix() 函数
CSS 颜色 5 中极其实用的 color-mix() 函数也已推出。借助此函数，可以在任何受支持的颜色空间中，将某种颜色的百分比混合到另一种颜色中。以下示例将 10% 的 blue 混合到了 SRGB 中的 white。
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
CSS 选择器 4 伪类 :nth-child(s + b)
扩展 :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 属性
返回通过 XRSessionInit 指定为此 XRSession 启用的功能集，以及指定模式和功能规范所要求的隐含功能。对于已授予的 Session，这将包含所有 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 内容。这是对现有 Picture-in-Picture API 的扩展，仅允许将 HTMLVideoElement 置于画中画窗口中。这样一来，Web 开发者便可以为用户提供更好的画中画体验。
阅读文档画中画的文档。
注册文档画中画源试用。
弃用和移除
此版本的 Chrome 引入了下列弃用和移除功能。请访问 ChromeStatus.com，查看计划的弃用内容、当前弃用内容和之前移除的内容的列表。
此版本的 Chrome 移除了三项功能。
移除付款方式
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 中移除。