发布时间:2026 年 3 月 11 日
除非另有说明,否则以下更改适用于 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版渠道版本。如需详细了解这些功能,请访问 ChromeStatus.com 或点击提供的链接。您可以从 Google.com 下载适用于桌面设备的最新 Beta 版,也可以从 Android 设备上的 Google Play 商店下载。
时间轴命名的范围 scroll
此功能扩展了 ViewTimelines 的命名范围集,添加了 scroll 范围。
滚动条驱动的动画 API 引入了 ViewTimelines 以及引用 ViewTimeline 部分(用于定义动画范围)的命名范围。
不过,所提供的所有已命名的范围都仅限于 ViewTimeline 中其主题可见的部分。这有助于作者参考时间轴下方的滚动容器的完整范围。此功能将 scroll 的命名的范围添加到现有集合(entry、exit、cover、contain)中。
CSS contrast-color()
您可以使用此函数来满足无障碍功能的对比度要求。
contrast-color() 函数可用于 CSS 中需要颜色值的任何位置。它接受颜色值实参,并根据哪个颜色值与颜色实参的对比度最高,返回 black 或 white。
CSS border-shape
借助 CSS border-shape,您可以创建任意形状(例如 polygon、circle、shape())的非矩形边框。
虽然 border-shape 接受与 clip-path 相同的形状,但两者在根本上有所不同:border-shape 定义边框的形状、装饰边框,并仅剪裁内部。
border-shape 有两种变体:一种变体用于描边形状,另一种变体用于填充两个形状之间的区域。
限定了范围的视图过渡
在任意 HTML 元素上公开 Element.startViewTransition()。该元素为过渡效果建立了一个范围,这意味着过渡伪元素会受到祖先剪辑和转换的影响,并且不同元素上的多个过渡效果可以同时运行。
CSS 更新:分离 width 和 style 属性
Chrome 遵循更新后的 CSS 规范,以确定 border-width、outline-width 和 column-rule-width 属性的行为。之前,如果将相应的 border-style、outline-style 或 column-rule-style 设置为 none 或 hidden,则无论指定的值如何,这些属性的计算宽度都会强制设置为 0px。
进行此更改后,border-width、outline-width 和 column-rule-width 的计算值始终反映作者指定的值,与 *-style 属性无关。此外,outline-width 和 column-rule-width 的已解析值(由 getComputedStyle() 返回)也会反映指定的值。
此更改使 Chrome 与 Firefox 和 WebKit 保持一致,后者已实现此行为。
CSSPseudoElement 接口
CSSPseudoElement 接口表示 JavaScript 中的伪元素。
CSSPseudoElement 是从 Element.pseudo(type) 返回的,其中 type 为:::after、::before、::marker。CSSPseudoElement 是表示伪元素的代理对象,因此,与伪元素不同,CSSPseudoElement 始终存在。
CSSPseudoElement 具有以下属性/方法:
type属性是一个字符串,表示伪元素的类型。element属性是伪元素的最终源元素。parent属性是伪元素的原始元素(对于嵌套伪元素,可以是元素或CSSPseudoElement)。- 用于检索嵌套伪元素的
pseudo(type)方法。
事件的伪目标
特定事件扩展为具有 .pseudoTarget,该值可以是 CSSPseudoElement(如果互动是与伪元素进行的)或 null。
这样可以提供有关事件来源的更具体信息,例如,不仅点击了最终的来源元素 (Event.target),而且更具体地说,点击了 ::after。请注意,Event.target 未发生变化,因此该事件仅包含有关伪元素互动的额外信息。
这些事件是 UIEvent、AnimationEvent、TransitionEvent。
不支持 mouseover、mouseout、mouseenter、mouseleave 及其 pointer* 对应项。
WebXR 平面检测
借助 WebXR Plane Detection API,网站可以检索在用户环境中检测到的一组平面。这不仅减轻了开发者的工作量,而且比使用深度感测 WebXR 功能更强大,因为如果系统知道墙壁的边界,即使是会被物体遮挡的平面(例如墙壁)仍然可以完全呈现。深度图会显示墙壁,但墙壁前面的物体会将其分割开来,可能会遮挡墙壁的完整范围。此外,当设备了解此类标签且这些标签符合预定义类别时,语义标签信息会变得可用,从而提供更好的世界知识。
WebXR 图层
WebXR Layers 提供了一种更高效的沉浸式内容绘制方式。
除了支持原生颜色和深度纹理以及纹理数组之外,它还支持由系统合成器(而非 JavaScript)管理的不同图层类型。
在非 XSLT 场景下使用 Rust 进行 XML 解析
我们正在针对确定不需要进行 XSLT 处理的场景发布 Rust XML 解析器。
Rust XML 解析器通过消除 XML 解析中的内存损坏 bug 来提高安全性,旨在用安全替代方案取代我们对 libxml2(用 C 编写)的使用。
Chrome 正在弃用 XSLT。在此流程继续进行期间,您已可以在不需要 XSLT 的场景中使用安全的 Rust XML 解析:
对 link rel=modulepreload 的 JSON 和样式支持
添加了对 JSON 和样式模块类型作为 <link rel="modulepreload"> 目的地的支持。Chromium 中已支持 <link rel="modulepreload">(请参阅 https://chromestatus.com/feature/5762805915451392),但它仅支持预加载类似脚本的模块脚本。此功能填补了功能上的空白,因为 JSON 和 CSS 模块脚本在其他 Chromium 中受支持,但不支持作为 <link rel="modulepreload"> 目的地。Style 模块可以预加载 <link rel="modulepreload" as="style" href="...">,JSON 模块可以预加载 <link rel="modulepreload" as="json" href="...">。
Math.sumPrecise
一项旨在向 JavaScript 添加用于对多个值求和的方法的 TC39 提案。
添加一个接受可迭代对象的 Math.sumPrecise 方法,该方法使用比简单求和更精确的算法返回可迭代对象中值的总和。
支持 SVG <textpath> 元素上的 path 属性
此项更改为 SVG <textPath> 元素添加了对 path 属性的支持,使作者能够使用 SVG 路径数据以内嵌方式定义文本路径几何图形,从而减少了对单独定义的 <path> 元素的需求。
<textPath> 使用以下规则解析其文本路径几何图形:
- 如果同时存在
path和href,则从path属性解析几何图形。 - 如果仅存在
path属性且解析成功,则使用内嵌路径定义。 - 如果缺少
path属性或该属性无法解析,并且提供了href属性,则将引用的<path>元素用作后备。 - 仅限
href的现有行为保持不变。
此实现遵循 SVG 2 规范中对 <textPath> 上 path 属性的定义,并且解析行为与其他浏览器引擎保持一致,从而提高了互操作性和标准合规性。
获取安全付款确认功能
向 Payment Request 添加了一个新的静态方法,使 Web 开发者能够获取浏览器对安全付款确认的实现的功能。
这有助于 Web 开发者了解安全付款确认功能有哪些可用功能,以便他们决定是否要使用这些功能。
更新了 Device Memory API 限制
更新了设备内存 API 的一组新的可能值:
- Android:1、2、4、8
- 其他:2、4、8、16、32。
替换已过时的旧值 0.25、0.5、1、2、4、8。
这降低了低端设备的指纹识别风险,因为自设置这些值以来,设备功能有所改进。
Service Worker 上的本地网络访问限制 WindowClient.navigate()
最近添加了本地网络访问 (LNA) 限制,以限制网站单方面向本地网络和本地设备发送请求。此功能是为 Service Worker 发起的提取请求添加的,但未应用于 Service Worker 通过 WindowClient.navigate 执行的导航
此次发布通过以下方式弥补了这一差距:在 WindowClient.navigate() 调用中添加 LNA 限制,使用 WindowClient 作为导航的启动器来确定导航是否为 LNA 请求。
这仅在所导航的 WindowClient 是子框架时适用;Chrome 不会对主框架导航强制执行任何 LNA 限制。
针对 WebSocket 的本地网络访问限制
本地网络访问 (LNA) 限制将扩展到包括 WebSocket。现在,与本地地址的 WebSockets 连接会触发权限提示。
所有 LNA 企业政策仍然适用于 LNA WebSockets 限制,包括 LocalNetworkAccessAllowedForUrls、LocalNetworkAccessBlockedForUrls 和 LocalNetworkAccessRestrictionsTemporaryOptOut。
如需详细了解 LNA,请参阅本地网络访问。
针对 WebTransport 的本地网络访问限制
限制使用 WebTransport 向用户本地网络发出请求的能力,该功能受权限提示的限制。
本地网络请求是指从公共网站到本地 IP 地址或环回地址的任何请求,或从本地网站(例如内网)到环回地址的任何请求。通过权限限制网站执行这些请求的能力,可以降低网站利用这些请求对用户本地网络进行指纹识别的能力。
此权限仅限于安全上下文。
仅限 IWA:WebPrinting API
此 API 可实现与独立式 Web 应用 (IWA) 中打印机相关功能的更深层集成。
Web Printing API 提供了一组 JavaScript 方法,可让开发者查询本地打印机、将打印任务提交到最合适的打印机,以及管理打印任务选项和状态。为了表示这些概念,它依赖于互联网打印协议 (IPP) 规范中的属性名称和语义。
新的源试用
在 Chrome 147 中,您可以选择加入以下新的源试用。
容器计时
借助 Container Timing API,您可以监控 DOM 的带注释部分何时显示在屏幕上并完成初始绘制。开发者可以使用 containertiming 属性(类似于 Element Timing API 的 elementtiming)标记 DOM 的子部分,并在该部分首次绘制时接收性能条目。借助此 API,开发者可以衡量网页中各种组件的计时。
自动填充事件
自动填充是网络的一项关键功能,每天可为数百万用户减少摩擦。不过,在多种实现中让自动填充功能可靠地处理动态表单可能很复杂。
此功能添加了一个 autofill 事件,该事件会在浏览器即将自动填充表单字段时触发。借助该事件,开发者可以修改表单以适应自动填充的数据,并让浏览器知道他们何时完成了修改。
Web 应用 HTML 安装元素
允许网站以声明方式提示用户安装 Web 应用。该元素可以选择性地接受两个属性,以允许安装来自不同来源的内容。
连接许可名单
连接许可名单是一项旨在提供对外部端点的明确控制的功能,它通过限制从文档或 worker 使用 Fetch API 或其他 Web 平台 API 发起的连接来实现此目的。
提议的实现方案涉及通过 HTTP 响应标头从服务器分发授权端点列表。在用户代理代表网页建立任何连接之前,该代理会根据此许可名单评估目标;允许连接到经过验证的端点,而无法与列表中的条目匹配的连接会被阻止。
弃用和移除
此版本的 Chrome 引入了以下弃用和移除项。 如需查看计划弃用、当前弃用和之前移除的功能列表,请访问 ChromeStatus.com。
此版本的 Chrome 弃用了 X 功能。
移除用于生成 SVG 的内嵌 XSLT
我们正开始逐步淘汰用于生成 SVG 的内嵌 XSLT。 此功能与基于 Rust 的 XML 解析器的实验性测试同步部署,不会立即部署到标记的正式版发布版本中。
精心制作的 XML 文件可能包含一个 XSL 样式表,该样式表可将通用 XML 数据转换为 SVG 文件。
示例:https://gist.github.com/drott/1fc70b3c7f0ac314d1fe2e5beecc5490?short_path=1c60adf
这是一种特殊的 XSLT 处理,根据使用情况衡量,Chrome 认为它在网络上几乎不存在。Chrome 计划在完全淘汰 XSLT 之前弃用并移除此特定用途的 XSLT。