發布日期:2025 年 6 月 24 日
Chrome 138 目前正在推出,這篇文章將分享該版本的部分主要功能。請參閱完整的 Chrome 138 版本資訊。
本版本重點:
- 使用新的內建 AI API,摘要、翻譯或偵測文字的語言。
- 查看幾個新的 CSS 函式。
- 使用 Viewport Segments API,將網頁版面配置調整為指定折疊式裝置。
Translator、Language Detector 和 Summarizer API
Chrome 正在開發網頁平台 API 和瀏覽器功能,這些功能可與瀏覽器內建的 AI 模型、專家模型和大型語言模型 (LLM) 搭配使用。這包括 Gemini Nano,這是 Gemini 系列 LLM 中最有效率的版本,可在大多數現代桌機和筆記型電腦上執行本機運算。內建 AI 技術可讓網站或網頁應用程式執行 AI 輔助任務,無須部署、管理或自行代管 AI 模型。
從 Chrome 138 開始,您可以使用 Translator API 在網頁應用程式中新增翻譯功能。這樣一來,使用者就能以母語進行貢獻。舉例來說,當使用者參與支援聊天時,您的網站可以將內容翻譯成支援服務專員使用的語言,然後再傳送給使用者。這麼做可為所有使用者提供順暢、快速且無障礙的體驗。
Translator API 可與 Language Detector API 搭配使用,在使用者自己的裝置上啟用語言偵測功能,提供比需要上傳至雲端伺服器的其他解決方案更佳的隱私權。
Summarizer API 可用於產生不同類型的摘要,長度和格式各異,例如句子、段落、項目符號清單等。例如:
- 總結文章或即時通訊對話的重點。
- 建議文章的標題和標題
- 針對冗長的文字建立精簡且資訊豐富的摘要。
- 根據書籍評論產生書籍預告片。
CSS 函式
Chrome 138 中包含的 CSS 函式包括與符號相關的函式 abs()
和 sign()
,可計算與引數符號相關的各種函式。
此外,progress()
函式符號會傳回 <number>
值,代表兩個其他計算 (進度開始值和進度結束值) 之間的一個計算 (進度值) 位置。
最後,sibling-index()
和 sibling-count()
函式可用於 CSS 屬性值中做為整數,根據元素在同層元素中的相對位置或同層元素的總數,分別為元素設定樣式。
Viewport Segments API
您可以使用 Viewport Segments API 指定摺疊式裝置。當檢視區由一或多個硬體功能 (例如折疊或分隔兩個螢幕的轉軸) 分割時,系統就會建立檢視區區段。
如需更多資訊,請參閱「使用 Viewport Segments API 支援折疊式裝置」。
還有其他眾多資源!
當然,還有更多功能:
- 當
<
和>
位於屬性值中時,系統現在會在序列化時將其逸出。 Clear-Site-Data
標頭有兩個新值 ("prefetchCache"
和"prerenderCache"
),可讓您指定要清除預先轉譯和預先擷取快取。- CSS 大小屬性 (例如
width
和height
) 的stretch
關鍵字可讓元素擴大,以便填滿所屬區塊的可用空間。