发布时间:2025 年 4 月 1 日
Chrome 135 现已推出,本文将介绍此版本中的一些主要功能。如需阅读完整的 Chrome 135 版本说明,请查看我们的季度总结,了解今年迄今为止发布的所有内容。
此版本中的亮点
有一整套功能可实现 CSS 轮播界面。借助 command 和 commandfor 属性,您可以以声明方式将行为附加到按钮。借助 CSS shape() 函数,您可以为 clip-path 和 offset-path 属性定义形状。
CSS 轮播界面
发布说明中列出了大量 CSS 功能,其中许多是不同的细微新增功能,这些功能组合在一起可实现 CSS 轮播界面。主要功能是新的 CSS 伪元素 ::scroll-button() and::scroll-marker(),可让您将可滚动区域变成轮播界面。
如需了解如何使用这些新功能,并为自己的项目获取灵感,请参阅 CSS 轮播。
command 和 commandfor 属性
Chrome 135 引入了新功能,可通过新的 command 和 commandfor 属性提供声明性行为,从而增强并取代 popovertargetaction 和 popovertarget 属性。这些新属性可以添加到按钮中,让浏览器能够解决一些与简单性和无障碍性相关的核心问题,并提供内置的常用功能。
以下 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 中的新变化!