6 月新增 Web 平台

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

Rachel Andrew

发布时间：2025 年 6 月 30 日

稳定版浏览器

2025 年 6 月，Firefox 140 和 Chrome 138 变为稳定版。本文将介绍这些版本为 Web 平台添加的新功能。

在序列化 HTML 时对属性中的 < 和 > 进行转义

Chrome 138 和 Firefox 140 都包含此更改，以防止攻击者将 HTML 序列化，然后再注入 DOM。Safari 26 Beta 版也包含此更改。 详细了解为何需要进行这项更改。

CSS Custom Highlight API

Firefox 140 实现了 CSS Custom Highlight API。这样，您就可以在文档中定义和设置任意文本范围的样式，类似于其他突出显示 CSS 伪元素（例如 ::grammar-error）。

Browser Support

  • Chrome: 105.
  • Edge: 105.
  • Firefox: 140.
  • Safari: 17.2.

Source

除了 JavaScript API 之外，该工作还包括 CSS ::highlight 伪元素，用于向已注册的突出显示内容应用样式。虽然此功能目前在广泛的范围内具有互操作性，但 ::highlight 伪元素存在一些问题，因此尚不完全符合基准要求。

Cookie Store API 是一个用于管理 Cookie 的异步 API，从 Firefox 140 开始受支持。现在，所有浏览器都对此 API 提供基本支持，不过请查看 MDN 上的兼容性图表，了解尚不具备互操作性的部分。

Browser Support

  • Chrome: 87.
  • Edge: 87.
  • Firefox: 140.
  • Safari: 18.4.

Source

移除变更事件

Interop 2025 包含今年的移除内容。DOMSubtreeModified、DOMNodeInserted 和 DOMNodeRemoved 等旧版更改事件会监控 DOM 的更改，并在发生 DOM 更改时运行事件监听器回调。这些更改事件已废弃，取而代之的是性能更高且出错几率更低的 MutationObserver API。

Firefox 140 会移除这些事件，这些事件已从 Chrome 中移除。

Browser Support

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

Source

Chrome 138 中的 CSS 函数

Chrome 138 包含一整套 CSS 函数，其中一些是平台上的新函数，另一些则在纳入 Chrome 后成为基准函数。

与签名相关的函数 abs() 和 sign() 已成为 Chrome 138 中的基准新函数。

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 118.
  • Safari: 15.4.

Source

平台中新增了插值函数 progress()。

Chrome 138 还包含 sibling-index() 和 sibling-count()。 这些值可用作 CSS 属性值中的整数，以便根据元素在其同级兄弟姐妹中的相对位置或同级兄弟姐妹的总数分别为元素设置样式。

用于翻译、语言检测和摘要的内置 AI API

Chrome 138 包含三个内置 JavaScript AI API。借助 Translator and Language Detector API，您可以检测文本的语言，并将该文本翻译成其他语言。它们使用浏览器自己的内部 AI 模型，因此可以在设备端执行此工作。

Browser Support

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

Summarizer API 会使用浏览器的内部 AI 模型在设备端总结文本。

Browser Support

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

支持 WebCodecs 中的视频帧方向

Chrome 138 还向 WebCodecs 中的各种视频相关接口添加了 rotation: int 和 flip: bool 值，以便开发者可以使用具有屏幕方向的帧源。

Beta 版浏览器

通过浏览器 Beta 版，您可以抢先体验下一个稳定版浏览器中将推出的功能。在全球用户获得该版本之前，您可以先测试可能会影响您网站的新功能或移除的功能。新版 Beta 版为 Firefox 141、Safari 26 和 Chrome 139。

Safari 26 有望成为一款功能丰富的浏览器版本。对于 CSS，它支持 overflow-block 和 overflow-inline、滚动条驱动的动画、锚点定位、CSS progress() 函数等。还支持 AudioEncoder 和 AudioDecoder API、网址Pattern API、Digital Credentials API、Trusted Types 和 WebAuthn Signal API。

Chrome 139 包含 CSS 自定义函数、角形处理和 caret-animation 属性。 此外，还包含设备端 Web Speech API、Web 应用范围扩展程序和 request-close 调用程序命令。

Firefox 141 为 showPopover() 和 togglePopover() 添加了 options.source 参数，以便在 popover 与其调用方之间建立关系。它还支持 CSS font-variant-emoji 属性。