了解 2025 年 8 月在稳定版和 Beta 版网络浏览器中推出的一些有趣功能。
发布时间:2025 年 8 月 29 日
稳定的浏览器版本
Chrome 139 和 Firefox 142 于 8 月发布到稳定版,本文将探讨这对 Web 平台意味着什么。
网址格式 API
Firefox 142 支持 网址 Pattern API,这使得匹配和解析网址变得更加容易。此功能已在 Chrome 和 Safari 26 Beta 版中提供,这意味着我们很快就能在 Baseline 中看到它。
优先任务调度
Firefox 142 还支持“优先任务调度”API。支持包括 Scheduler
、TaskController
、TaskSignal
、TaskPriorityChangeEvent
(以及 prioritychange
事件)和属性 Window.scheduler
和 WorkerGlobalScope.scheduler
。
这意味着,您现在可以在 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 143 和 Chrome 140,Safari 26 Beta 版仍在进行中。
Firefox 143 包含 ::details-content
伪元素,该元素包含在 Interop 2025 中。此版本将使该功能进入“Baseline 新近可用”阶段。
还包括 CSS text-autospace
属性。如果您要显示中文、日语或韩语 (CJK) 文本以及非 CJK 字符,此国际化功能会很有帮助。
您可以指定这些字符之间的间距。
Chrome 140 包含 ToggleEvent
的 source
属性,其中包含触发 ToggleEvent 的元素。
此外,@font-face
规则中还包含 font-variation-settings
描述符支持,以及多项 WebGPU 更新。