7 月新增 Web 平台

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

Rachel Andrew

发布时间：2025 年 7 月 31 日

稳定的浏览器版本

Firefox 141 是本月唯一的新稳定版浏览器，因此本文将重点介绍 Firefox。

WebGPU API

Firefox 141 在 Windows 上实现了 WebGPU，支持除服务工作线程之外的所有上下文。

如需了解详情，请参阅 MDN 文档和我们的 WebGPU 概览。

Browser Support

  • Chrome: 113.
  • Edge: 113.
  • Firefox Technology Preview: supported.
  • Safari Technology Preview: supported.

Source

<dialog> 元素的 closedby 属性

Firefox 还实现了 <dialog> 元素上的 closedby 属性，以及 HTMLDialogElement 接口的相应 closedBy 属性。

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

scrollMargin 属性

Firefox 现在支持 IntersectionObserver 接口的 scrollMargin 属性。 它会向观测器根元素中的所有嵌套滚动容器添加边距，从而允许在这些元素中的目标滚动到视图中之前（或之后）对其进行观测，而不是仅在它们首次变为可见时进行观测。

Browser Support

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

CSS font-variant-emoji

font-variant-emoji CSS 属性用于指定显示 emoji 的默认呈现样式。该属性可采用以下值之一：

  • normal：允许浏览器选择如何显示表情符号。此设置通常遵循操作系统设置。
  • text：渲染表情符号，就像使用 Unicode 文本变体选择器 (U+FE0E) 一样。
  • emoji：渲染表情符号，就像使用 Unicode 表情符号变体选择器 (U+FE0F) 一样。
  • unicode：根据表情符号呈现属性呈现表情符号。如果存在 U+FE0E 或 U+FE0F 变体选择器，则它会替换此设置。

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: behind a flag.
  • Safari: behind a flag.

Source

Beta 版浏览器

Beta 版浏览器可让您抢先体验下一个稳定版浏览器中的功能。在面向全球发布该版本之前，您可以趁此机会测试可能会影响您网站的新功能或移除的功能。 本月唯一的新 Beta 版是 Firefox 142。Safari 26 和 Chrome 139 的 Beta 版仍在进行中。

Firefox 142 在 Selection 上实现了 getComposedRanges() 方法。此方法会返回一个 StaticRange 对象数组，表示当前选择范围，并且可以返回可能跨越阴影边界的范围。还包括 Prioritized Task Scheduling API，该 API 提供了一种标准化机制来为应用分配和管理任务优先级。