Chrome 142

穩定版發布日期:2025 年 10 月 28 日

除非另有說明,否則下列異動適用於 Android、ChromeOS、Linux、macOS 和 Windows 的 Chrome 142 穩定版。

CSS 和 UI

::view-transition 元素的絕對定位

檢視區塊轉換會使用元素的虛擬子樹狀結構,而 ::view-transition 是該轉換的根。先前,::view-transition 元素指定為 position: fixed。CSS 工作群組已決定進行這項變更,因此 Chrome 現在會反映這項異動。position: absolute

這項變更應該不會造成明顯影響,因為無論是絕對或固定位置,這個元素的包含區塊都會維持快照包含區塊。唯一明顯的差異在於 getComputedStyle

追蹤錯誤 #439800102 | ChromeStatus.com 項目 | 規格

文件上的 activeViewTransition 屬性

開發人員可透過 View Transitions API,在不同狀態之間啟動視覺轉換。主要 SPA 進入點為 startViewTransition(),會傳回轉場效果物件。這個物件包含多項 Promise 和功能,可追蹤轉場效果進度,並讓您操控轉場效果,例如略過轉場效果或修改其類型。

從 Chrome 142 開始,開發人員不再需要儲存這個物件。document.activeViewTransition 屬性代表這個物件,如果沒有進行中的轉場效果,則為 null

這也適用於 MPA 轉換,其中物件只能透過 pageswappagereveal 事件取得。在這項更新中,document.activeViewTransition 會在轉場期間設為這個物件。

追蹤錯誤 #434949972 | ChromeStatus.com 項目 | 規格

:target-before:target-after 虛擬類別

這些虛擬類別會比對同一捲動標記群組中,位於有效標記 (比對 :target-current) 前後的捲動標記,比對依據為扁平樹狀結構順序:

  • :target-before:比對群組中平面樹狀結構順序位於有效標記之前的所有捲動標記。
  • :target-after:比對群組中平面樹狀結構順序中,所有位於有效標記之後的捲動標記。

追蹤錯誤 #440475008 | ChromeStatus.com 項目 | 規格

樣式容器查詢和 if() 的範圍語法

Chrome 新增了範圍語法支援,可強化 CSS 樣式查詢和 if() 函式。

這項功能可將樣式查詢擴展至精確值比對以外的範圍 (例如 style(--theme: dark))。開發人員可以使用比較運算子 (例如 ><) 比較自訂屬性、常值 (例如 10 像素或 25%),以及來自替代函式 (例如 attr()env()) 的值。如要進行有效比較,兩側都必須解析為相同的資料類型。僅限下列數值型別:<length><number><percentage><angle><time><frequency><resolution>

追蹤錯誤 #408011559 | ChromeStatus.com 項目 | 規格

興趣叫用端 (interestfor 屬性)

Chrome 會將 interestfor 屬性新增至 <button><a> 元素。這項屬性會為元素新增「興趣」行為。當使用者「對元素感興趣」時,系統會在目標元素上觸發動作,例如顯示彈出式視窗。使用者代理程式會偵測使用者「對元素感興趣」的時機,例如將指標懸停在元素上、按下鍵盤上的特殊快速鍵,或長按觸控螢幕上的元素。當顯示或失去興趣時,目標會觸發 InterestEvent,其中包含彈出式視窗的預設動作,例如顯示和隱藏彈出式視窗。

追蹤錯誤 #326681249 | ChromeStatus.com 項目 | 規格

特定元素算繪模式的行動版和電腦版同位

使用 sizemultiple 屬性時,<select> 元素可轉譯為網頁內清單方塊或含有彈出式視窗的按鈕。不過,這些模式在行動版和電腦版 Chrome 的適用情形並不一致。行動裝置無法顯示網頁內清單方塊,如果存在 multiple 屬性,桌機也無法顯示含有彈出式視窗的按鈕。

這項更新會在行動裝置上新增清單方塊,在電腦上新增多重選取彈出式視窗,並確保使用 sizemultiple 屬性加入的同意聲明,在行動裝置和電腦上會產生相同的顯示模式。變更內容摘要如下:

  • 如果 size 屬性的值大於 1,系統一律會使用網頁內算繪。行動裝置先前會忽略這項設定。
  • 如果設定 multiple 屬性時未提供 size 屬性,系統會使用網頁內轉譯。行動裝置先前使用彈出式視窗,而非網頁內清單方塊。
  • 使用 size=1 設定 multiple 屬性時,系統會使用彈出式視窗。先前電腦裝置使用的是頁內清單方塊。

追蹤錯誤 #439964654 | ChromeStatus.com 項目 | 規格

支援 SVG <a> 元素中的 download 屬性

這項功能在 Chromium 的 SVGAElement 介面中導入下載屬性支援,與 SVG 2 規格一致。作者可使用 download 屬性指定要下載 SVG 超連結的目標,而非導向該目標,這與 HTMLAnchorElement 中已支援的行為相同。這項強化功能可促進主要瀏覽器之間的互通性,並確保 HTML 和 SVG 連結元素之間的行為一致,進而提升開發人員體驗和使用者期望。

追蹤錯誤 #40589293 | ChromeStatus.com 項目 | 規格

圖形

WebGPU:primitive_index 功能

WebGPU 新增了選用功能,可公開新的 WGSL 著色器內建函式 primitive_index。在支援的硬體上,這項功能會為片段著色器提供每個圖元的索引,類似於 vertex_indexinstance_index 內建函式。原始索引適用於進階圖形技術,例如虛擬化幾何。

追蹤錯誤 #342172182 | ChromeStatus.com 項目 | 規格

WebGPU:紋理格式第 1 級和第 2 級

透過算繪附件、混合、多重取樣、解析和 storage_binding 等功能,擴充 GPU 紋理格式支援。

追蹤錯誤 #445725447 | ChromeStatus.com 項目 | 規格

網站 API

FedCM:支援在 UI 中顯示第三方 iframe 來源

在 Chrome 142 之前,FedCM 一律會在 UI 中顯示頂層網站。

如果 iframe 在概念上屬於第一方 (例如 foo.com 可能有 iframe foostatic.com,但對使用者沒有意義),這種做法就非常合適。

但如果 iframe 實際上是第三方,最好在使用者介面中顯示 iframe 來源,讓使用者進一步瞭解要與誰分享憑證。舉例來說,相片編輯器可能會嵌入書籍發布網頁應用程式,並允許使用者存取先前透過相片編輯器儲存的檔案。這項功能現已推出。

追蹤錯誤 #390581529 | ChromeStatus.com 項目 | 規格

對 JSON 模組執行更嚴格的 *+json MIME 權杖驗證

如果 JSON 模組指令碼回應的 MIME 類型與 *+json 相符,且類型或子類型含有非 HTTP 權杖程式碼點 (例如空格),則系統會拒絕這類回應。這項做法符合 MIME Sniffing 規格和其他引擎的做法。這是 Interop2025 模組的重點領域之一。

追蹤錯誤 #440128360 | ChromeStatus.com 項目 | 規格

Web Speech API 內容比對

這項功能可讓網站將辨識片語清單新增至 Web Speech API,支援語音辨識的情境偏誤。

開發人員可以提供詞組清單,並更新這些詞組,讓語音辨識模型偏好使用這些詞組。這有助於提升特定領域和個人化語音辨識的準確度和關聯性。

ChromeStatus.com 項目 | 規格

媒體工作階段:在enterpictureinpicture動作詳細資料中新增原因

enterPictureInPictureReason 新增至傳送至 Media Session API 中 enterpictureinpicture 動作的 MediaSessionActionDetails。開發人員可以藉此區分enterpictureinpicture使用者明確觸發的動作 (例如來自使用者代理程式中的按鈕) 和enterpictureinpicture使用者代理程式因內容遭到遮蔽而自動觸發的動作。

追蹤錯誤 #446738067 | ChromeStatus.com 項目 | 規格

安全性

區域網路存取權限制

Chrome 142 會限制向使用者本機網路提出要求的權限,並在權限提示後才開放。

本機網路要求是指公開網站向本機 IP 位址或迴路傳送的任何要求,或是本機網站 (例如內部網路) 向迴路傳送的要求。網站必須取得權限才能執行這些要求,可降低針對路由器等區域網路裝置發生的跨網站要求偽造攻擊風險,並減少網站使用這些要求來建立使用者區域網路指紋的可能性。

這項權限僅限於安全環境。如果獲得授權,這些權限還會放寬區域網路要求的混合內容封鎖限制 (因為許多本機裝置無法取得公開信任的 TLS 憑證,原因不一而足)。

詳情請參閱「投放內容時所需的區域網路存取權」。

追蹤錯誤 #394009026 | ChromeStatus.com 項目 | 規格

使用者輸入內容

互通的 pointerrawupdate 事件只會在安全環境中公開

PointerEvents 規格於 2020 年將 pointerrawupdate 限制為安全情境,因此不安全情境會隱藏事件觸發和全域事件監聽器。透過這項功能,Chrome 將符合更新後的規格,並與其他主要瀏覽器互通。

追蹤錯誤 #404479704 | ChromeStatus.com 項目 | 規格

在同源的轉譯器啟動導覽中,保留使用者啟用狀態

這項功能可在網頁導覽至其他同源網頁後,保留相黏使用者啟用狀態。導覽後網頁缺少使用者啟用功能,會導致某些用途無法實現,例如在自動焦點上顯示虛擬鍵盤,這也阻礙了想在 SPA 上建構 MPA 的開發人員。

追蹤錯誤 #433729626 | ChromeStatus.com 項目 | 規格

來源試用

裝置繫結工作階段憑證

網站可透過這項功能,將工作階段安全地繫結至單一裝置。

伺服器可藉此將工作階段安全地繫結至裝置。瀏覽器會根據伺服器要求,定期更新工作階段,並提供私密金鑰擁有權證明。

原始碼試用 | 裝置綁定工作階段憑證:第二項原始碼試用開始 | ChromeStatus.com 項目 | 規格