此页面由 Cloud Translation API 翻译。

Chrome 125

稳定版发布日期：2024 年 5 月 14 日

除非另有说明，否则以下变更适用于 Chrome 125 稳定版渠道版本。

HTML 和 DOM

声明式 shadow DOM 序列化

一项功能，可让开发者对包含影子根的 DOM 树进行序列化，是最近成为 HTML 标准的标准的。

<ph type="x-smartling-placeholder"></ph> 跟踪错误 #41490936 | ChromeStatus.com 条目 | 规范

CSS

CSS 锚点定位

借助 CSS 锚点定位功能，开发者可以共享绝对定位的元素网页上的一个或多个其他元素（即锚点）以声明方式而无需使用 JavaScript。当锚点可滚动一个常见的用例是放置一个弹出式窗口调用它的元素旁边的提示，或者选择菜单及其弹出式窗口选项列表。在推出锚点定位功能之前，使用 JavaScript 动态定位弹出式窗口，并将其锚定为调用元素会滚动，这对性能起着决定性作用，难以没错。通过锚点定位，您可以实现这些用例，性能和声明式。

锚点定位功能包含大量 CSS 属性。答下面列出了几个关键属性：

anchor-name：将某个元素设置为其他元素的锚点。
position-anchor：描述“default”将所处位置的应该用于锚点定位。
anchor() 函数：用于引用锚点的位置元素的位置。
inset-area：定位的简写形式，表示常见的相对位置。

<ph type="x-smartling-placeholder"></ph> CSS Anchor Positioning API 简介 | 跟踪错误 #40059176 | ChromeStatus.com 条目 | 规范

CSS 阶梯值函数 - `round()`、`mod()` 和 `rem()`

阶梯值函数 round()、 mod()和 rem()，则将所有给定值转换为根据另一个“步长值”指定值。

round() CSS 函数会根据所选的四舍五入返回一个舍入数字策略

当第一个参数为以下值时，mod() CSS 函数会返回剩余的模数：除以第二个参数，类似于 JavaScript 取余运算符 (%).模数是指当一个运算数（被除数）除以第二个操作数（除数）。它总是带有除数。

当第一个参数出现时，rem() CSS 函数会返回剩余的余数除以第二个参数，类似于 JavaScript 取余运算符 (%).余数是指当一个运算数（被除数）除以第二个操作数（除数）。它总是带有被除数。

<ph type="x-smartling-placeholder"></ph> 跟踪错误 #40253179 | ChromeStatus.com 条目 | 规范

CSS 自定义 `:state()` 的新语法

CSS 自定义状态允许自定义元素公开自己的伪类。通过 CSSWG 中现已指定语法，而 Chrome 125 现在支持新的语法 :state(foo)。这项更改会显示一个窗口将同时支持旧语法 (:--foo) 和新语法，因此网站即可切换到新方案

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 条目 | 规格

消除亮度接近 100% 或 0 的 Oklab 和 Oklch 颜色的不连续性

在此次变更之前，所有具有亮度值的 Lab、LCH、Oklab 和 Oklch 颜色无论其他两个参数如何，系统都会渲染为白色。全部这些空间中亮度值为 0 的颜色被渲染为黑色。这些两个映射会导致梯度的不连续，这对网络来说是意料之外的开发者。

回滚后，系统便不会再人为映射这些颜色，显示的颜色将与相邻的颜色相连接，并取决于显示屏的色域映射。

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 条目 | 规格

使用了配色方案的根滚动条

让浏览器使用用户的首选配色方案渲染视口滚动条的值设为“页面支持的配色方案”是“正常”是否，并将 color-scheme 为 normal。视口滚动条可以被视为网络内容以外的位置。因此，用户代理应尊重用户的呈现视口滚动条时的首选配色方案未明确指定对配色方案的支持。

这一变更不会妨碍开发者控制滚动条。新行为使浏览器使用用户的首选仅当开发者支持显示视口非叠加层滚动条时尚未指定根元素的配色方案。

<ph type="x-smartling-placeholder"></ph> 商品名 | 跟踪错误 #40259909 | ChromeStatus.com 条目 | 规范

`view-transitions` 类

有一个新的 CSS 属性 view-transition-class，允许您：指定一个或多个视图过渡类。然后，您可以选择例如，使用这些类的 ViewTransition 伪元素 ::view-transition-group(*.class)。

这是 ViewTransition API 的扩展。它以类似的方式简化视图转换伪元素的样式 CSS 类简化了常规 DOM 元素的样式。

<ph type="x-smartling-placeholder"></ph> 跟踪错误 #41492972 | ChromeStatus.com 条目 | 规范

正在加载

构建 WebSocket 时接受 HTTP 和 HTTPS 网址

此更新会在 WebSocket 构造函数中启用 HTTP 和 HTTPS 架构，因此也允许开发者使用相对网址这些被归一化为 ws: 和 wss: 内部架构。

<ph type="x-smartling-placeholder"></ph> 跟踪错误 #325979102 | ChromeStatus.com 条目 | 规范

Web API

Attribution Reporting API 的新增内容

Attribution Reporting API 中新增了一些功能，通过支持解析失败调试报告实现调试功能，改进 API 通过支持字段来指定首选注册平台来满足工效学设计需求；以及加强隐私保护。

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 条目

Compute Pressure API

Compute Pressure API 提供代表系统 CPU 负载的高层级状态。它允许使用合适的底层硬件指标，确保用户可以充分利用可供他们使用的所有处理能力，但前提是系统并没有无法控制的压力。

Intel 主导了此 API 的设计和实现工作，这样，视频会议应用就可以性能

<ph type="x-smartling-placeholder"></ph> Compute Pressure API | 跟踪错误 #40683064 | ChromeStatus.com 条目 | 规范

将 Storage Access API (SAA) 扩展到非 Cookie 存储

这会启动建议的 Storage Access API 扩展（向后兼容且已处于源试用阶段）以允许访问未分区 Cookie 以及第三方环境中的非 Cookie 存储。当前的 API 仅提供对 Cookie 的访问权限，Cookie 的使用情形与非 Cookie 存储不同。

<ph type="x-smartling-placeholder"></ph> 跟踪错误 #40282415 | ChromeStatus.com 条目 | 规范

ID 断言端点的 FedCM CORS 要求

FedCM API 中的提取难以推断，因为其属性它们的必要性。尽管相关账号仍存在端点，但还在很大程度上达成一致，即 ID 断言端点应使用 CORS。此次更新使此次提取的安全属性更贴近网络平台中的其他抓取操作。

<ph type="x-smartling-placeholder"></ph> FedCM 更新：Button Mode API 源试用、CORS 和 SameSite | 跟踪错误 #40284123 | ChromeStatus.com 条目

FedCM 凭据请求不再发送 SameSite=Strict Cookie

FedCM 现在使用 CORS 发送 ID 断言请求。这项变化意味着不过，不再将 SameSite=Strict Cookie 发送到 ID 断言端点 Chrome 仍会发送 SameSite=None。由于发送将一组不同的 Cookie 添加到账号端点和 ID 断言那么此更改会使其保持一致。

不发送 SameSite=Strict Cookie 也与 requestStorageAccess 行为跨网站请求

<ph type="x-smartling-placeholder"></ph> 跟踪错误 #329145816 | ChromeStatus.com 条目 | 规范

可互操作的 mousemove 默认操作

Chrome 允许取消 mousemove 事件，以防止出现文本等其他 API （甚至过去拖放过）。这不符合其他专业浏览器；也不符合界面事件规范现在，文本选择不再是 mousemove 的默认操作。文本选择和拖放功能仍因取消 selectstart 和 dragstart 事件而被阻止。

此功能将从 Chrome 125 开始逐步推出，预计这项功能在 Chrome 126 前可供所有用户使用。

<ph type="x-smartling-placeholder"></ph> 演示 | 跟踪错误 #40078978 | ChromeStatus.com 条目 | 规范

正则表达式修饰符

正则表达式修饰符添加了在本地修改 i、m 和 s 分钟标志。

如需为子表达式启用标志，请使用 (?X:subexpr)，其中 X 为以下项之一 i、m 或 s。如需停用子表达式的标志，请使用 (-X:subexpr)。

例如，对于不区分大小写的 i 标志：

const re1 = /^[a-z](?-i:[a-z])$/i;
re1.test("ab"); // true
re1.test("Ab"); // true
re1.test("aB"); // false

const re2 = /^(?i:[a-z])[a-z]$/;
re2.test("ab"); // true
re2.test("Ab"); // true
re2.test("aB"); // false

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 条目 | 规格

正则表达式重复命名捕获组

借助重复的已命名捕获组，您可以使用相同的捕获组名称。例如：

const re = /(?<year>[0-9]{4})-[0-9]{2}|[0-9]{2}-(?<year>[0-9]{4})/;

在这种情况下，year 对于第 1 个备选项 ((?<year>[0-9]{4})-[0-9]{2})、或第二个备选项 ([0-9]{2}-(?<year>[0-9]{4}))。

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 条目 | 规格

Chrome 应用

Chrome 应用中的 Direct Sockets API

此更新有助于将专用应用从 Chrome 应用轻松转换到隔离的 Web 应用（通过在 Chrome 应用中启用 Direct Sockets，让 Web 应用建立直接传输控制协议 (TCP) 和用户数据报协议 (UDP) 与网络设备和系统进行通信。

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 条目 | 规格

新的源试用

FedCM Button Mode API 和使用其他 Account API

此源试用包括以下两个 FedCM API。

借助 Button Mode API，网站可以在点击按钮时调用 FedCM，例如点击 Sign-in to IdP（登录 IdP）按钮。这需要 FedCM 对此做出保证与 widget 模式不同，始终以可见的界面响应，在用户退出时不会显示界面。在中调用 FedCM API 按钮模式会让用户在对话框窗口中登录 IdP，未登录账号。

此外，由于按钮模式是在显式用户使用手势时，界面也会更显眼（例如，居中和模态窗口）相比之下，微件模式界面（该模式没有意图）。如需详细了解 Button Mode API 的工作原理，请访问 FedCM 更新：Button Mode API 源试用、CORS 和 SameSite

通过使用“使用其他账号”API，身份提供者可以让用户登录其他账号。

<ph type="x-smartling-placeholder"></ph> 源试用 | 演示 | 跟踪错误 #40284792 | ChromeStatus.com 条目 | 规范

Foldable API

此源试用包括 Device Posture API 和视口细分 Enumeration API。这些 API 旨在帮助开发者针对可折叠设备开发应用设备。

<ph type="x-smartling-placeholder"></ph> 源试用 | 可折叠 API 源试用 | ChromeStatus.com 条目 | 规范

弃用带前缀的 HTMLVideoElement Fullscreen 属性和方法的试用

通过此弃用试用，您可以选择重新支持带前缀的 HTMLVideoElement 属性和方法（如果您需要更多时间来调整代码。

<ph type="x-smartling-placeholder"></ph> 源试用 | ChromeStatus.com 条目

跳过预加载扫描

跳过预加载扫描器以进行探索不进行子资源提取的页面会降低性能。

预加载扫描器步骤有助于提高包含子资源的网页的性能通过实现推测性预提取来实现不过，对于无法通过此步骤获益的网页也就是说，对于没有子资源的网页这会产生额外的处理开销，几乎没有什么好处

对于希望通过减少这种开销获益的高级 Web 用户，实验提供了一个网页级控件来停用预加载扫描器。数据就可以评估 API 是经过修改还是其他 HTML 预加载扫描器的实现会很有帮助。

<ph type="x-smartling-placeholder"></ph> 源试用 | 跟踪错误 #330802493 | ChromeStatus.com 条目 | 规范

弃用和移除

移除“window-placement”权限和权限政策的别名“window-management”

移除“window-placement”权限和权限政策的别名 “window-management”。这是为字符串重命名的举措之一，最终弃用并移除“window-placement”。术语更改可延长描述符的寿命，因为 Window Management API 一直在不断发展。

<ph type="x-smartling-placeholder"></ph> 商品名 | 跟踪错误 #40842072 | ChromeStatus.com 条目 | 规范

移除 Enterprise 政策：`NewBaseUrlInheritanceBehaviorAllowed`

此底层代码更改（启用新的基准网址继承行为）自 8 月起已在稳定版中启用企业政策覆盖功能 2023 年 (Chrome 118)。既然已知问题已经解决政策已从 Chrome 125 中移除。

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 条目

移除了带前缀的 HTMLVideoElement Fullscreen 属性和方法

带前缀的 HTMLVideoElement 全屏 API 已被弃用， Chrome 38。它们已被 Element.requestFullscreen() 取代，于 2018 年在 Chrome 71 中推出。

将从 HTMLVideoElement 移除以下属性和方法：

webkitSupportsFullscreen
webkitDisplayingFullscreen
webkitEnterFullscreen()
webkitExitFullscreen()
webkitEnterFullScreen()（请注意， FullScreen)
webkitExitFullScreen()

如果满足以下条件，请报名参加本博文中列出的弃用试用计划您的网站仍然依赖于这些 API，因此您需要更多的时间来更新代码。

<ph type="x-smartling-placeholder"></ph> ChromeStatus.com 条目

深入阅读

希望了解更多信息？请查看以下其他资源。

Chrome 125

HTML 和 DOM

声明式 shadow DOM 序列化

CSS

CSS 锚点定位

CSS 阶梯值函数 - round()、mod() 和 rem()

CSS 自定义 :state() 的新语法

消除亮度接近 100% 或 0 的 Oklab 和 Oklch 颜色的不连续性

使用了配色方案的根滚动条

view-transitions 类

正在加载

构建 WebSocket 时接受 HTTP 和 HTTPS 网址

Web API

Attribution Reporting API 的新增内容

Compute Pressure API

将 Storage Access API (SAA) 扩展到非 Cookie 存储

ID 断言端点的 FedCM CORS 要求

FedCM 凭据请求不再发送 SameSite=Strict Cookie

可互操作的 mousemove 默认操作

正则表达式修饰符

正则表达式重复命名捕获组

Chrome 应用

Chrome 应用中的 Direct Sockets API

新的源试用

FedCM Button Mode API 和使用其他 Account API

Foldable API

弃用带前缀的 HTMLVideoElement Fullscreen 属性和方法的试用

跳过预加载扫描

弃用和移除

移除“window-placement”权限和权限政策的别名“window-management”

移除 Enterprise 政策：NewBaseUrlInheritanceBehaviorAllowed

移除了带前缀的 HTMLVideoElement Fullscreen 属性和方法

深入阅读

下载 Google Chrome

CSS 阶梯值函数 - `round()`、`mod()` 和 `rem()`

CSS 自定义 `:state()` 的新语法

`view-transitions` 类

移除 Enterprise 政策：`NewBaseUrlInheritanceBehaviorAllowed`