9 月新增 Web 平台

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

Rachel Andrew

发布时间：2025 年 10 月 1 日

稳定的浏览器版本

Chrome 140、Chrome 141、Safari 26 和 Firefox 143 在 9 月发布到稳定版，本文将介绍这个对 Web 平台来说相当令人兴奋的月份。

Safari 26 中的新 CSS 功能

最新版 Safari 中有很多值得关注的内容，您可以参阅《Safari 26.0 中的 WebKit 功能》这篇全面的文章。 CSS 的一些主要亮点包括以下功能。

锚点定位

作为 Interop 2025 的一部分，Safari 已发布对 CSS 锚定位的支持。这可让您将元素绑定到锚点，与弹出式窗口结合使用时特别有用。

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: not supported.
  • Safari: 26.

Source

text-wrap: pretty

值为 text-wrap 的 pretty 会要求浏览器改进排版，例如减少锯齿状边缘和排版河流的影响，并防止出现短的最后一行。

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: not supported.
  • Safari: 26.

Source

滚动驱动的动画

Safari 还随附了对滚动条驱动的动画的支持，让您可以将动画与用户滚动到的位置相关联。

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: behind a flag.
  • Safari: 26.

Source

新值和函数

Safari 是首个添加对 contrast-color() 函数的支持的浏览器，让您能够要求浏览器选择与另一种颜色对比度最高的颜色。

Browser Support

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

Source

progress() 数学函数会返回一个数字，用于指示两个其他值之间的进度。

Browser Support

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

现在支持用于绝对定位的 align-self 和 justify-self 属性。

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 134.
  • Safari: not supported.

支持逻辑属性 overflow-block 和 overflow-inline，并且可以使用它们来代替 overflow-x 和 overflow-y。

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 69.
  • Safari: 26.

Source

Safari 现在还支持 margin-trim。

Browser Support

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

Source

::details-content 伪元素

Firefox 143 新增了对 ::details-content 的支持，这让您可以设置 <details> 元素的内容样式。

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: 143.
  • Safari: 18.4.

Source

支持设置使用生成的内容创建的标记的样式

Firefox 143 还增加了对 ::before::marker 和 ::after::marker 选择器的支持。借助这些属性，您可以设置使用 ::before 或 ::after 伪元素创建的 ::marker 的样式。

Browser Support

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

Digital Credentials API

Safari 26 和 Chrome 141 包含对数字凭据 API 的支持。这样一来，网站就可以通过数字凭证（例如存储在数字钱包中的驾照或居民身份证）选择性地请求有关用户的可验证信息。

Browser Support

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

网址格式 API 变为“Baseline 新近可用”

借助 网址 模式 API，您可以使用 网址 模式标准通过正则表达式匹配网址。它在 Safari 26 中发布，现在属于“Baseline 新近可用”功能。

Browser Support

  • Chrome: 95.
  • Edge: 95.
  • Firefox: 142.
  • Safari: 26.

Source

Uint8Array 与 base64 和十六进制之间的转换现在属于“Baseline 新近可用”

Base64 是一种将任意二进制数据表示为 ASCII 的常用方式。JavaScript 具有用于二进制数据的 Uint8Arrays。不过，它缺少将该数据编码为 base64 的内置机制，也缺少将 base64 数据转换为相应 Uint8Array 的内置机制。此功能添加了在十六进制字符串和 Uint8Arrays 之间进行转换的功能和方法。在 Chrome 140 中，它会变为“Baseline 新近可用”。

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 133.
  • Safari: 18.2.

Source

caret-animation 属性

CSS caret-animation 属性已在 Chrome 140 中发布，有两个可能的值：auto 和 manual。auto 表示浏览器默认值（闪烁），manual 表示开发者控制光标动画。此外，如果用户对闪烁的视觉效果感到不适或有不良反应，可以使用用户样式表停用闪烁效果。

Browser Support

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

Source

ARIA Notify API

从 Chrome 141 开始，ariaNotify 提供了一个 JavaScript API，内容作者可以通过该 API 告知屏幕阅读器要朗读的内容。与 ARIA 实时区域相比，它提高了可靠性和开发者控制能力，允许宣布与 DOM 更新无关的更改。

针对 getAll() 和 getAllKeys() 的 IndexedDB getAllRecords() 和 direction 选项

Chrome 141 中的此功能向 IndexedDB IDBObjectStore 和 IDBIndex 添加了 getAllRecords() 方法。此外，还向 getAll() 和 getAllKeys() 添加了方向参数。与使用游标进行迭代的现有替代方案相比，此功能可显著加快某些读取模式的速度。

Beta 版浏览器

Beta 版浏览器可让您抢先体验下一个稳定版浏览器中的功能。在面向全球发布该版本之前，您可以先测试可能会影响您网站的新功能或移除的功能。 本月的新 Beta 版是 Firefox 144 和 Safari 26.1。

Safari 26.1 主要用于修复 bug，其中修复了锚点定位问题，并进行了其他更改。 Firefox 144 将为单页应用 (SPA) 提供视图转换功能。 这是 Interop 2025 的重点关注领域之一，意味着此功能将成为“Baseline 新近可用”功能。

Firefox 144 还包含 Element、DocumentFragment 和 Document 接口上的 moveBefore() 方法。这样一来，您就可以将对象的直接子元素移到其另一个子元素之前。