8 月新增 Web 平台

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

发布时间:2025 年 8 月 29 日

稳定的浏览器版本

Chrome 139Firefox 142 于 8 月发布到稳定版,本文将探讨这对 Web 平台意味着什么。

网址格式 API

Firefox 142 支持 网址 Pattern API,这使得匹配和解析网址变得更加容易。此功能已在 Chrome 和 Safari 26 Beta 版中提供,这意味着我们很快就能在 Baseline 中看到它。

Browser Support

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

Source

优先任务调度

Firefox 142 还支持“优先任务调度”API。支持包括 SchedulerTaskControllerTaskSignalTaskPriorityChangeEvent(以及 prioritychange 事件)和属性 Window.schedulerWorkerGlobalScope.scheduler

Browser Support

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

Source

这意味着,您现在可以在 Chrome 和 Firefox 中使用 scheduler.yield 来分解长时间运行的任务,此外,我们还提供了一个可在不支持该功能的浏览器中使用的 Polyfill。

CSS 边角形状

如果您一直想创建圆角正方形,那么 Chrome 139 中的新 corner-shape 属性会让您感到惊喜。 此属性与 border-radius 搭配使用,可让您首次调整边角的形状。

如需了解详情和一些示例,请参阅了解 CSS 边角形状和超椭圆的强大功能

CSS 自定义函数

Chrome 139 中还包含 CSS 自定义函数。这些与自定义属性类似,但它们不是返回单个固定值,而是根据其他自定义属性、参数和条件返回值。

CSS 函数使用 @function 规则定义,是 CSS 自定义函数和 Mixin 规范的一部分。

@function --negate(--value) {
result: calc(var(--value) * -1);
}

div {
--gap: 1em;
margin-top: --negate(var(--gap));
}

request-close 调用方命令

对话框元素可以通过多种机制关闭,有时开发者希望能够阻止关闭。为此,对话框会触发取消事件。最初,此事件仅在收到关闭请求(例如,按下 ESC 键)时触发,但最近添加了一个 requestClose() JavaScript 函数,该函数也会触发取消事件。

request-close 命令(现已在 Chrome 139 中推出)为声明性调用方命令 API 带来了这项新功能。

Beta 版浏览器

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

Firefox 143 包含 ::details-content 伪元素,该元素包含在 Interop 2025 中。此版本将使该功能进入“Baseline 新近可用”阶段。 还包括 CSS text-autospace 属性。如果您要显示中文、日语或韩语 (CJK) 文本以及非 CJK 字符,此国际化功能会很有帮助。 您可以指定这些字符之间的间距。

Chrome 140 包含 ToggleEventsource 属性,其中包含触发 ToggleEvent 的元素。 此外,@font-face 规则中还包含 font-variation-settings 描述符支持,以及多项 WebGPU 更新