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 版中推出,因此应该很快就会成为新版基准。

等等!

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

  • Web Speech API 现在支持 MediaStreamTrack
  • 支持 Float16Array,并将其设为“新推出的基准”。
  • 现在支持 Observable API。

深入阅读

本文仅介绍了一些主要亮点。如需了解 Chrome 134 中的其他变更,请访问以下链接。

订阅

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

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