Chrome 148 中的新变化

Rachel Andrew

Published: May 5, 2026

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

此版本中的亮点：

仅限名称的 CSS 容器查询

现在，CSS 查询容器可以仅根据其 container-name 进行查询，而无需 container-type。

#container {
  container-name: --foo;
}
@container --foo {
  input { background-color: green; }
}

<div id="container">
  <div><input></div>
</div>

以前，除了名称之外，@container 还需要容器类型。

视频和音频元素的延迟加载

Chrome 148 向 <video> 和 <audio> 元素添加了 loading 属性， 让开发者可以使用 loading="lazy" 延迟加载媒体资源，直到元素靠近 视口时才加载。

这与 <img> 和 <iframe> 元素的现有延迟加载行为一致，可提高网页加载性能并减少流量消耗。

如需了解详情，请参阅 loading 属性的 MDN 文档 ，以及 Squarespace 博客中的 How To Use Standard HTML Video and Audio Lazy-Loading on the Web Today

Prompt API

借助 Prompt API，Web 开发者可以直接访问浏览器提供的 设备端 AI 语言模型（具体而言， 是 Chrome 中的 Gemini Nano）。

初始实现支持文本、图片和音频输入。此外，响应约束可确保生成的文本符合预定义的正则表达式和 JSON 架构格式。

这支持各种用例，包括生成图片说明、执行视觉搜索、转录音频、对声音事件进行分类、按照特定说明生成文本，以及从多模态素材中提取信息或洞见。

如需了解详情，请参阅 Prompt API 的文档 或试用演示。

深入阅读

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

订阅

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

Chrome 149 发布后，我们会立即在此处告知您 Chrome 的新功能！