Chrome 153 中的新变化

发布时间:2026 年 9 月 8 日

Chrome 153 现已推出,本文将介绍此版本的一些主要功能。阅读完整的 Chrome 153 版本说明

此版本中的亮点:

单轴滚动容器

Chrome 153 扩展了 CSS overflow 属性,以支持可滚动值(autoscrollhidden)与 clip 结合使用(例如,overflow: scroll clipoverflow: auto clip)。这样,系统会为单个轴创建一个滚动容器,而不会将另一个轴变成滚动条。从 Chrome 153 开始,此功能现已在非稳定渠道(Beta 版、开发者版和 Canary 版)中提供,无需标记即可进行测试。

如需查看详细示例,请参阅准备好进行开发者测试:单轴滚动容器

功能元素:<camera><microphone>

继 Chrome 144 中推出 <geolocation> 元素和 Chrome 151 中推出 <usermedia> 元素之后,Chrome 153 又推出了专用的 <camera><microphone> 功能元素。

这些元素是声明式 HTML 控件,由用户激活,专为单功能用例而设计:

  • <camera> 元素请求视频捕获。
  • <microphone> 元素请求音频捕获。

<usermedia> 一样,它们会将浏览器控制的严格样式的界面嵌入到页面中,确保在触发权限提示或启动流之前,用户有意点击。它们与 <usermedia> 保持相同的安全模型和内置权限恢复路径,如果您的应用不需要混合媒体访问权限,则可以提供更多控制。

联合迭代

Chrome 153 在 JavaScript 中添加了对联合迭代 TC39 提案的支持,并引入了 Iterator.zip()Iterator.zipKeyed() 静态方法。

Iterator.zip() 将多个可迭代对象中的元素聚合到一个新的迭代器中,该迭代器会生成包含匹配位置元素的数组。默认情况下,当最短的输入可迭代对象用完时,迭代完成:

您可以使用 mode 选项自定义此行为:

  • "shortest"(默认):当第一个输入可迭代对象完成时停止。
  • "longest":继续运行,直到所有可迭代对象完成,并使用可选的 padding 可迭代对象填充缺失的值。
  • "strict":如果输入可迭代对象的长度不相等,则抛出 TypeError

配套的 Iterator.zipKeyed() 方法提供类似的聚合,但会生成键控对象而不是数组。

如需了解详情和查看示例,请参阅 MDN 上的 Iterator.zip() 文档

深入阅读

本文仅介绍了一些主要亮点。如需了解 Chrome 153 中的其他更改,请查看以下链接:

订阅

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

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