Chrome 149 中的新变化

Rachel Andrew

发布时间：2026 年 6 月 2 日

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

此版本中的亮点：

CSS 间隙装饰

借助 CSS 间隙装饰，您可以设置网格和 flexbox 等容器布局中的间隙样式，从而实现一致性并提供新的样式选项，而以前需要复杂的边框和伪元素 hack 才能实现这些效果。此功能可实现渐进增强；在不支持的浏览器中，间隙会正常呈现，没有装饰。

它引入了 column-rule-inset 和 row-rule-inset 等属性来缩小或扩展装饰，并引入了 column-rule-visibility-items 和 row-rule-visibility-items 来仅在相邻项之间或在每个间隙中显示分隔线。分隔线宽度、颜色和边衬区完全可动画化，让您可以在悬停或其他状态变化时转换它们。

如需了解详情，请参阅 CSS 间隙装饰稳定版博文。

进入往返缓存时断开 WebSocket 连接

活跃的 WebSocket 连接不再阻止网页进入往返缓存 (bfcache)。通过在进入 BFCache 时主动关闭 WebSocket 连接，而不是将文档标记为不符合条件，浏览器允许将具有活跃 WebSocket 的网页存储在内存中并立即恢复。

以前，任何活跃的 WebSocket 连接都会强制浏览器在用户离开网页时舍弃该网页，从而阻止该网页存储在往返缓存 (bfcache) 中。

Intl.Locale.prototype.variants

Intl.Locale 对象表示 Unicode 语言区域标识符。主要目标是“Baseline 广泛可用”。

变体是主要语言标识符的一部分，用于选择（语言、地区、脚本）三元组无法区分的语言变体。 此功能已在 Firefox 和 Safari 中推出，现在也可在 Chrome 中使用。

例如：

const locale = new Intl.Locale("sl-rozaj-biske");
console.log(locale.variants); // "rozaj-biske"

如需了解详情，请参阅 MDN 文档中的 Intl.Locale.prototype.variants。

深入阅读

以下仅介绍了一些关键亮点。如需了解 Chrome 149 中的其他更改，请点击以下链接。

订阅

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

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