Chrome 147 中的新变化

Rachel Andrew

Published: April 7, 2026

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

此版本中的亮点：

元素范围的视图转换

此功能在任意 HTML 元素上公开 element.startViewTransition()。 该元素为转换建立范围，这意味着转换伪元素会受到祖先剪辑和转换的影响，并且对单独元素的多个转换可以同时运行。

借助元素范围的视图转换，您还可以嵌套正在进行的视图转换，并保持页面的其余部分可交互。

如需了解详情，请参阅 Chrome 147 支持使用元素范围的视图转换同时进行嵌套视图转换。

CSS contrast-color()

此函数有助于满足无障碍功能的对比度要求。

您可以在 CSS 中需要颜色值的位置使用 contrast-color() 函数。它接受颜色值实参，并返回“黑色”或“白色”，具体取决于哪个颜色与颜色实参的对比度最高。

如需了解详情，请参阅 的 MDN 文档 contrast-color()。

CSS border-shape 属性

借助 CSS border-shape 属性，您可以创建具有任意形状（例如多边形、圆形或 shape()）的非矩形边框。

虽然 border-shape 接受与 clip-path 相同的形状，但它们在本质上是不同的。border-shape 定义边框的形状，对其进行装饰，并且仅剪辑内部。border-shape 有两种变体：一种用于描边形状，另一种用于填充两个形状之间的区域。

深入阅读

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

订阅

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

Chrome 148 发布后，我们会立即在此处告知您 Chrome 的新变化！