4 月新增 Web 平台

了解 2025 年 4 月已发布在稳定版和 Beta 版网络浏览器中的部分有趣功能。

Rachel Andrew

发布时间：2025 年 4 月 30 日

稳定版浏览器

2025 年 4 月，Firefox 137、Firefox 138、Chrome 135 和 Chrome 136 已稳定发布。本篇文章介绍了 Chrome 和 Firefox 在一个月内发布了两个版本，并介绍了在此期间 Web 平台新增的一些功能。

轮播广告在 Chrome 中展示

Chrome 135 版中引入了多项功能，可用于在 Web 上创建轮播界面和其他分页体验。

借助 ::scroll-button() 和 ::scroll-marker() 伪元素，您可以向网站上的任何可滚动区域添加按钮和标记，为其提供导航控件，并在用户浏览轮播界面时向其显示当前位置。

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: not supported.
  • Safari: not supported.

Source

::column 伪元素，可用于为列 fragment 设置样式。

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: not supported.
  • Safari: not supported.

Source

interactivity 属性用于指定元素及其扁平树后代（包括文本行）是否处于不活跃状态。

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: not supported.
  • Safari: not supported.

将元素设为不可交互会影响其能否获得焦点、进行编辑、被选中以及能否通过页内搜索功能进行搜索。这也会影响它在无障碍功能树中的可见性。

如需了解详情，请参阅使用 CSS 的轮播界面。

command 和 commandfor 属性

Chrome 135 中还包含 command 和 commandfor 属性。这些属性可增强和替换 popovertargetaction 和 popovertarget 属性。这些新属性可添加到按钮中，让浏览器能够解决一些与简单性和无障碍性相关的核心问题，并提供内置的常用功能。

如需了解详情，请参阅 command 和 commandfor 简介。

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari Technology Preview: supported.

Source

CSS shape() 函数

Chrome 135 中的 shape() CSS 函数用于为 clip-path 和 offset-path 属性定义形状。了解如何将其用于自适应剪辑。此函数已在 Safari 18.4 中发布，也已在 Firefox Nightly 中发布，希望它很快就会成为新基准。

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

Atomics.pause()

Firefox 137 包含 Atomics.pause()，使此功能成为“新推出的基准”功能。此静态方法提供了一个微等待基元，用于提示 CPU 调用方在等待访问共享资源时正在旋转。这样，系统就可以在不让出当前线程的情况下，减少分配给核心（例如电源）或线程的资源。

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 137.
  • Safari: 18.4.

Source

CSS hyphenate-limit-chars

Firefox 137 还包含 CSS hyphenate-limit-chars 属性。此属性指定允许对字词进行分词的最短字词长度，以及连字符前后字符的数量下限。

Browser Support

  • Chrome: 109.
  • Edge: 109.
  • Firefox: 137.
  • Safari: not supported.

Source

RegExp.escape

RegExp.escape 静态方法在几个月内就已在所有浏览器中推出，并在 Chrome 136 中推出后成为“新推出的基准”。

此方法会转义字符串中的任何潜在正则表达式语法字符，并返回一个新字符串，该字符串可安全地用作 RegExp() 构造函数的字面量模式。

Browser Support

  • Chrome: 136.
  • Edge: 136.
  • Firefox: 134.
  • Safari: 18.2.

Source

Error.isError()

Error.isError() 静态方法用于确定传递的值是否为 Error。它包含在 Firefox 138 中。虽然所有浏览器都支持此属性，但由于 Safari 目前会针对 DOMException 实例返回 false，因此尚不能将其视为“新推出的基准”。

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 138.
  • Safari: 18.4.

Source

FedCM 的 Login Status API

使用 Federated Credential Management (FedCM) API 时，Firefox 138 支持 Login Status API。此属性用于设置和检查浏览器用户是否已登录身份提供程序。 Firefox 138 支持 NavigatorLogin 接口、navigator.login 属性和 Set-Login HTTP 响应标头。

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 138.
  • Safari: not supported.

Source

importmap 完整性

在 Firefox 138 中，<script> 元素的 type 属性的 importmap 值现在支持 integrity 键。这样，导入映射中引用的 ES 模块网址就可以与其完整性元数据进行匹配。此功能现已成为基准功能。

Browser Support

  • Chrome: 127.
  • Edge: 127.
  • Firefox: 138.
  • Safari: 18.

Beta 版浏览器

通过浏览器 Beta 版，您可以抢先体验下一个稳定版浏览器中即将推出的功能。在该版本面向全球发布之前，您可以先测试可能会影响您网站的新功能或移除的功能。新版 Beta 版为 Firefox 139 和 Safari 18.5。

在发布了重大版本 18.4 之后，Safari 18.5 Beta 版目前仅包含一些 bug 修复。

在撰写本文时，Firefox 尚未发布其版本说明，但 Beta 版似乎包含 Temporal API，这使 Firefox 成为首个发布此改进版 Date 的浏览器。此外，还实现了 <dialog> request.close()，这将使此方法成为“新推出”基准。