Published: June 2, 2026
Chrome 149 现已推出，本文将介绍此版本的一些主要功能。阅读完整的 Chrome 149 版本说明。
此版本的亮点：
- 借助 CSS 间距装饰，您可以为网格和 Flexbox 等容器 布局中的间距设置样式。
- 通过在 bfcache 条目上断开 WebSocket 连接，具有活跃 WebSocket 连接的网页 可以进入往返缓存。
- Intl.Locale.prototype.variants 返回或设置语言区域的 变体。
CSS 间距装饰
借助 CSS 间距装饰，您可以为网格和 Flexbox 等容器布局中的间距设置样式，从而带来一致性和新的样式选项，而这些选项以前需要复杂的边框和伪元素 hack。此功能对渐进式增强友好；在不受支持的浏览器中，间距会正常呈现，而不会有装饰。
它引入了 column-rule-inset 和 row-rule-inset 等属性来缩小或扩展装饰，以及 column-rule-visibility-items 和 row-rule-visibility-items 来仅在相邻项之间或每个间距中显示规则。规则宽度、颜色和插页完全可动画化，让您可以在悬停或其他状态更改时转换它们。
如需了解详情，请参阅 CSS 间距装饰稳定版博文。
在 bfcache 条目上断开 WebSocket 连接
活跃的 WebSocket 连接不再阻止网页进入往返缓存 (bfcache)。通过在 BFCache 条目上主动关闭 WebSocket 连接，而不是将文档标记为不符合条件，浏览器允许将具有活跃 WebSockets 的网页存储在内存中并立即恢复。
以前，任何活跃的 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"
如需了解详情，请参阅 Intl.Locale.prototype.variants 的 MDN 文档。
深入阅读
本文仅介绍了一些主要亮点。如需了解 Chrome 149 中的其他更改，请查看以下链接。
- Chrome 149 的版本说明。
- Chrome 开发者工具 (149) 的新变化。
- Chrome 149 的 ChromeStatus.com 更新。
- Chrome 发布日历。
订阅
如需及时了解最新动态，请订阅 Chrome Developers YouTube 频道，这样每当我们发布新视频时，您都会收到 电子邮件通知。或者，您也可以在 X 或 LinkedIn 上关注我们，获取新文章和博文。
Chrome 150 发布后，我们会立即在此处告知您 Chrome 的新变化！