发布时间:2026 年 9 月 8 日
Chrome 153 现已推出,本文将介绍此版本的一些主要功能。阅读完整的 Chrome 153 版本说明。
此版本中的亮点:
- 单轴滚动容器扩展了
overflow属性,以支持可滚动值与clip结合使用。 - 功能元素:
<camera>和<microphone>提供专用的声明式 HTML 控件,用于单功能媒体捕获。 - 联合迭代添加了
Iterator.zip()和Iterator.zipKeyed(),以同步 JavaScript 中多个迭代器的推进。
单轴滚动容器
Chrome 153 扩展了 CSS overflow 属性,以支持可滚动值(auto、scroll、hidden)与 clip 结合使用(例如,overflow: scroll clip 或 overflow: 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 的新变化!