Chrome 135 中的新变化

发布时间:2025 年 4 月 1 日

Chrome 135 现已推出,本文将介绍此版本中的一些主要功能。如需阅读完整的 Chrome 135 版本说明,请查看我们的季度总结,了解今年迄今为止发布的所有内容。

此版本中的亮点

有一整套功能可实现 CSS 轮播界面。借助 commandcommandfor 属性,您可以以声明方式将行为附加到按钮。借助 CSS shape() 函数,您可以为 clip-pathoffset-path 属性定义形状。

CSS 轮播界面

发布说明中列出了大量 CSS 功能,其中许多是不同的细微新增功能,这些功能组合在一起可实现 CSS 轮播界面。主要功能是新的 CSS 伪元素 ::scroll-button() and::scroll-marker(),可让您将可滚动区域变成轮播界面。

如需了解如何使用这些新功能,并为自己的项目获取灵感,请参阅 CSS 轮播

commandcommandfor 属性

Chrome 135 引入了新功能,可通过新的 commandcommandfor 属性提供声明性行为,从而增强并取代 popovertargetactionpopovertarget 属性。这些新属性可以添加到按钮中,让浏览器能够解决一些与简单性和无障碍性相关的核心问题,并提供内置的常用功能。

以下 HTML 代码在按钮和菜单之间设置了声明性关系,让浏览器为您处理逻辑和无障碍功能。无需管理 aria-expanded 或添加任何其他 JavaScript。

<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
  <!-- ... -->
</div>

如需详细了解这些新属性,请参阅推出 command 和 commandfor

CSS shape() 函数

shape() CSS 函数用于为 clip-path 和 offset-path 属性定义形状。

shape() 函数使用一组大致相当于 path() 所用命令的命令,但采用更标准的 CSS 语法,并允许使用全方位的 CSS 功能,例如其他单位和数学函数。它已在 Firefox Nightly 和 Safari 18.4 Beta 版中推出,因此很快就会成为 Baseline 新增功能。

以及更多!

当然,还有很多其他功能。

  • Web Speech API 现在支持 MediaStreamTrack
  • 支持 Float16Array,并成为“Baseline 新近可用”功能。
  • 现在支持 Observable API。

深入阅读

以下仅介绍了一些重点内容。如需了解 Chrome 134 中的其他更改,请参阅以下链接。

订阅

如需及时了解最新动态,请订阅 Chrome Developers YouTube 频道,这样每当我们发布新视频时,您都会收到电子邮件通知。您也可以在 X 或 LinkedIn 上关注我们,获取新文章和博文。

Chrome 135 发布后,我们会立即在此处告知您 Chrome 中的新变化!