Chrome 125

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

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

<ph type="x-smartling-placeholder">

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 条目 | 规范

<ph type="x-smartling-placeholder">

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 扩展（向后 兼容且已处于源试用阶段）以允许访问未分区 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 现在使用 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 条目

深入阅读

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

下载 Google Chrome

下载适用于以下版本的 Chrome Android、 桌面设备或 iOS。