谷歌 Chrome 浏览器 149 稳定版发布,引入 CSS 间距装饰

6月2日,谷歌发布 Chrome 149 稳定版。此版本主要引入 CSS 间距装饰(Gap Decorations),允许在 Grid、Flexbox 和多栏布局的 gap 区域使用 column-rule、row-rule 及其 inset/visibility 选项来添加和控制线条或装饰,从而替代复杂的边框或伪元素方案;改进了含 WebSocket 的页面与 bfcache 的配合,页面进入缓存前会先关闭连接以保留页面状态;开发者工具新增 WebMCP 调试助手;JavaScript Intl.Locale 增加 variants 属性;text-overflow: ellipsis 在编辑或移动光标时临时改为裁剪显示以便查看末尾内容;shape-outside 新增 path()/shape()/rect()/xywh() 等函数,增强文本环绕能力。

6 月 3 日消息,谷歌昨日(6 月 2 日)发布公告,宣布推出 Chrome 149 浏览器稳定版,主要引入了 CSS 间距装饰 (Gap Decorations)、加强了 bfcache 机制下的 WebSocket 连接管理,并为开发者工具增加了 WebMCP 调试助手。

IT之家注:CSS 间距装饰指在 CSS Grid、Flexbox、多栏布局的 gap 区域中添加线条或装饰的能力。

开发者过去常依赖 border、伪元素、背景图或复杂 CSS,新版可用 column-rule 和 row-rule 直接处理间隙。

该能力还支持 column-rule-inset、row-rule-inset,用于收缩线条端点;也支持 column-rule-visibility-items 和 row-rule-visibility-items,仅在相邻项目之间显示线条。

在支持 CSS 间隙装饰的浏览器中查看时,用户可以看到第一个间隙是虚线,第二个间隙是实线,宽度为 2px,颜色为“#d4d0c8”。

在不支持的浏览器中,这些设置将被忽略。

Chrome 149 还改进 WebSocket(网页套接字)页面与 bfcache(往返缓存)的配合。过去含活跃 WebSocket 连接的页面无法进入 bfcache,用户离开后页面会被丢弃。现在页面进入缓存前会先关闭连接,再保留页面状态。

JavaScript 方面,Intl.Locale(国际化区域设置)新增 variants 属性,可读取和设置 Unicode 区域标识符中的语言变体。

此外,text-overflow: ellipsis 文本在用户编辑或移动光标时,会临时从省略号切换为裁剪显示,便于查看末尾内容。shape-outside 也新增 path ()、shape ()、rect ()、xywh () 等图形函数,文本环绕形状更灵活。

版权声明:本站文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明出处!

评论加载中...