5 月新增 Web 平台

了解 2025 年 5 月已在稳定版和 Beta 版网络浏览器中推出的一些有趣功能。

Rachel Andrew

发布时间：2025 年 5 月 29 日

稳定版浏览器

2025 年 5 月，Firefox 139、Chrome 137 和 Safari 18.5 已稳定发布。本文将介绍这些版本为 Web 平台添加的新功能。

Temporal API

Firefox 139 是首个支持 Temporal API 的浏览器。这样，您就可以使用内置的时区和日历表示法，在各种场景中轻松处理日期和时间。

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 139.
  • Safari: behind a flag.

Source

hidden=until-found 和 beforematch 事件

Firefox 139 还包含 hidden="until-found" HTML 属性和 beforematch 事件。借助 until-found 状态，您可以隐藏元素的内容，直到用户通过搜索（例如使用“在网页中查找”）或通过 fragment 导航找到该内容为止。beforematch 事件会在 hidden 属性被移除之前触发

requestClose() 方法

现已成为基准 Firefox 139 版本中新增了 HTMLDialogElement 接口的 requestClose() 方法。

此方法与 HTMLDialogElement.close() 方法不同，因为它会先触发 cancel 事件，然后再触发 close 事件。

Browser Support

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

Source

CSS reading-flow 和 reading-order

Chrome 137 提供 reading-flow 和 reading-order。 reading-flow CSS 属性用于控制 Flex、网格或块布局中的元素向无障碍功能工具显示的顺序，以及使用线性顺序导航方法将焦点移至这些元素的方式。这解决了网格布局和 Flex 布局的一项长期存在的问题，即标签页顺序可能会与项的排列顺序脱节。

借助 reading-order CSS 属性，您可以手动替换阅读流容器中项的顺序。如需在网格、Flex 或块容器中使用此属性，请将容器上的 reading-flow 值设置为 source-order，并将各个项的 reading-order 设置为整数值。

Browser Support

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

如需了解详情，请参阅使用 CSS 阅读流实现逻辑顺序的焦点导航。

CSS if() 函数

此外，在 Chrome 137 中，CSS if() 函数提供了一种简洁的方式来表达条件值。它接受一系列以英文分号分隔的条件-值对。该函数会依序评估每个条件，并返回与第一个为 true 的条件关联的值。如果所有条件的计算结果均为 false，则该函数会返回空令牌流。

Document-Isolation-Policy

Document-Isolation-Policy 在 Chrome 137 中发布，可让文档为自身启用 crossOriginIsolation，而无需部署 COOP 或 COEP，并且无论网页的 crossOriginIsolation 状态如何。该政策由进程隔离机制支持。此外，文档的非 CORS 跨源子资源将在没有凭据的情况下加载，或者需要具有 CORP 标头。

声明式 Web 推送

Safari 18.5 主要是一个修复 bug 的版本，但它确实向 macOS 添加了声明式 Web 推送功能，该功能目前仅在 Safari 中提供。如需了解详情，请参阅 WebKit 博客上的认识声明式 Web 推送。

Beta 版浏览器

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

Firefox 140 包含 Cookie Store API 的一部分，这是一种基于 Promise 的现代异步 Cookie 管理方法，可在主线程和服务工程中使用。

Chrome 138 包含多个内置 AI API，包括 Summarizer API、Language Detector API 和 Translator API。

此外，Chrome 138 中还提供了许多 CSS 功能，包括 stretch 大小调整关键字以及 sibling-index() 和 sibling-count() 函数。