Chrome 148 版的新功能

Rachel Andrew

發布日期：2026 年 5 月 5 日

Chrome 148 現已推出，這篇文章將介紹這個版本的主要功能。如要查看完整版本資訊，請參閱 Chrome 148 版本資訊。

這個版本的重要功能包括：

僅限名稱的 CSS 容器查詢

現在可以只根據 container-name 查詢 CSS 查詢容器，不必使用 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> 元素的現有延遲載入行為相符，可提升載入網頁效能並減少數據用量。

如要瞭解詳情，請參閱 MDN 說明文件中的 loading 屬性，以及 Squarespace 網誌中的「How To Use Standard HTML Video and Audio Lazy-Loading on the Web Today」(如何在網路上使用標準 HTML 影片和音訊延遲載入功能)。

提示 API

網頁開發人員可透過 Prompt API 直接存取瀏覽器提供的裝置端 AI 語言模型 (具體來說，就是 Chrome 中的 Gemini Nano)。

初始實作支援文字、圖片和音訊輸入。此外，回覆限制可確保生成的文字符合預先定義的規則運算式和 JSON 結構定義格式。

這項功能支援各種用途，包括生成圖片說明、執行影像搜尋、轉錄音訊、分類聲響偵測事件、按照特定指示生成文字，以及從多模態來源資料擷取資訊或洞察資料。

詳情請參閱 Prompt API 說明文件，或試用示範。

延伸閱讀

這僅涵蓋部分重點。如要瞭解 Chrome 148 的其他變更，請參閱下列連結。

訂閱

如要掌握最新資訊，請訂閱 Chrome 開發人員 YouTube 頻道，這樣每當我們發布新影片，您就會收到電子郵件通知。你也可以在 X 或 LinkedIn 上追蹤我們，取得最新文章和網誌貼文。

Chrome 149 版發布後，我們會立即在此說明 Chrome 的新功能！