Chrome 146

穩定版發布日期:2026 年 3 月 10 日

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

CSS 和 UI

捲動觸發的動畫

這項功能可根據捲動位置控制動畫,例如播放、暫停及重設動畫。

網頁上常見的模式是在到達捲動位置時啟動動畫。開發人員通常會使用 JavaScript 手動偵測元素是否位於捲動容器的可視區域內,並啟動相應的動畫 (例如將該元素滑入檢視畫面)。其中許多用途都依賴以宣告方式提供的資訊。這項功能可讓您使用 CSS 宣告式地建立這類互動,讓使用者代理程式將這項互動卸載至工作執行緒。此外,API 也包含 JavaScript 介面,可讓您將這項功能擴展至網頁動畫,而不僅限於 CSS 動畫。

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

trigger-scope 屬性

trigger-scope 屬性可限制 trigger-instantiating properties 宣告的 animation triggers 名稱。

例如 Trigger-instantiating properties,宣告 animation-trigger 屬性可參照的名稱,將動畫附加至觸發條件。timeline-trigger不過,這些名稱預設為全域名稱 (類似於 anchor-name),因此將名稱的可見度限制為隔離動畫觸發互動,通常很有用。

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

meta name="text-scale"

root element 的預設字型大小會根據作業系統和瀏覽器的文字縮放設定,按比例縮放。這樣一來,遵循 font-relative units 最佳做法的網頁 (也就是使用 remem 設定字型大小,以及配合使用者文字大小偏好設定調整的網頁元素),就能配合使用者的 OS 層級文字縮放設定。這也會停用現有的瀏覽器機制 (即 Windows 上的全頁縮放) 和啟發式方法 (即行動裝置上的文字自動調整大小)。您可以向瀏覽器發出信號,表示網頁是以 remem 建構,因此能根據使用者選取的字型大小偏好設定進行調整。與提供文字比例存取方式的 env(preferred-text-scale) 類似,這項 API 擴充了這項功能,可使用 root element 的預設字型大小進行縮放,並選擇停用自動文字縮放功能。

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

範圍內的自訂元素登錄

這項功能可讓網頁中存在單一代碼名稱的多個自訂元素定義。如果網頁應用程式使用多個來源的程式庫,這項功能可避免自訂元素名稱發生衝突。做法是允許使用者程式碼建立多個自訂元素登錄項目,並將這些項目與樹狀結構範圍和元素建立關聯,這些元素會做為範圍物件。

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

功能

在檔案處理期間填入 targetURL

現在,如果透過檔案處理功能啟動 PWA,啟動處理常式實作會確保系統填入 LaunchParams.targetURL。在這項異動之前,如果檔案啟動作業導向現有視窗,這個屬性會是空值。這項變更可確保資訊清單 action 欄位中的網址 (文件目前必須載入的網址) 可供 launchQueue 消費者使用。

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

停止在重新載入時重新排入 LaunchParams 的佇列

防止 launchQueue 在使用者重新載入網頁時,重新傳送最後一個 LaunchParams (包括檔案控制代碼)。先前,頁面重新整理會再次觸發啟動消費者,並使用原始啟動的資料。這項變更可確保重新載入會視為標準導覽,而非「重新啟動」,且除非發生新的檔案啟動事件,否則 launchQueue 不會填入重複檔案。

追蹤錯誤 #40204185 | ChromeStatus.com 項目

DOM

Navigation API:從 precommit 新增 post-commit handler

使用 navigate 事件攔截導覽時,系統會分別傳遞 precommitHandlers 和認可後的一般處理常式。

如果只有其中一個,這種做法很有效,但如果流程包含會導向 post-commit handlerprecommitHandler,就會很麻煩。

這項新增功能是小幅的人體工學改良,可讓您在叫用前置提交處理常式時,註冊後置提交處理常式。

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

圖形

WebGPU:紋理和取樣器 Let

在 WGSL 中新增 texture_and_sampler_let 語言功能,讓您將 texturesampler 物件儲存至 WGSL 的 let 宣告。

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

WebGPU:暫時性附件

這項功能會在瀏覽器首次出貨後,為 WebGPU 規格新增功能。

新的 TRANSIENT_ATTACHMENT GPUTextureUsage 可讓您建立附件,使算繪傳遞作業留在圖塊記憶體中,避免 VRAM 流量,並可能避免為紋理分配 VRAM。

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

WebGPU 相容模式

這個模式會新增 WebGPU API 的輕度限制子集 (可選擇啟用),用來執行舊版 Graphics API,例如 OpenGLDirect3D11。只要選擇啟用這個模式並遵守相關限制,您就能將應用程式WebGPU擴展到許多舊裝置,這些裝置沒有核心 WebGPU 要求的現代明確圖形 API。如果是簡單的應用程式,唯一需要變更的項目是在呼叫 requestAdapter 時指定 compatibility featureLevel。如果是更進階的應用程式,可能需要進行一些修改,才能配合模式的限制。由於相容性模式是子集,因此產生的應用程式也是有效的 WebGPU Core 應用程式,即使在不支援相容性模式的使用者代理程式上也能執行。

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

JavaScript

疊代器序列

TC39 提案,透過現有的 iterators 排序建立 iterators。這會導入 Iterator.concat (...items)。

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

選擇性權限介入

當您授予網站存取強大 API 的權限 (例如 BluetoothCameraClipboardDisplayCaptureGeolocationMicrophoneSerialUSB),您的同意聲明是針對網站,不一定適用於網頁上執行的所有第三方指令碼。具體來說,在主要框架或同源 iframe 中執行的內嵌廣告指令碼,可利用網頁的權限,伺機存取這類私密資料。您可能不知道廣告會存取您的資訊。

這項措施可防止具有 API 權限的環境使用廣告指令碼,進一步確保授予的權限符合您的意圖,同時強化您對資料的信任感和掌控權。

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

dropEffect 值從 dragover 保留到 drop 事件

網頁應用程式可透過一系列事件 (dragstartdragenterdragoverdragleavedropdragend) 處理拖曳作業。HTML5 Drag and Drop API在這些事件期間,dataTransfer.dropEffect 屬性會指出應執行的作業 (copymovelinknone)。

根據 HTML5 specification,網頁應用程式在上次 dragover 事件期間設定的 dropEffect 值應保留下來,並在後續的 drop 事件中可用。

不過,在 drop 事件觸發前,Chromium 架構的瀏覽器會以瀏覽器本身協商的作業覆寫網頁應用程式的 dropEffect 值,導致規格相容性中斷,並限制您對拖曳行為的控制。這項行為現已變更。

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

多媒體

WebAudio 的 Playback Statistics API

這項功能會新增 AudioContext.playbackStats 屬性,並傳回 AudioPlaybackStats 物件。這個物件提供音訊播放統計資料,例如 average latencyminimum/maximum latencyunderrun durationunderrun count。網頁應用程式可透過這個 API 監控音訊播放品質,並偵測故障。

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

網路

保留 Data URL MIME 類型參數

Fetch Standard 中指定的資料網址 Content-Type 標頭中保留 MIME type parameters (例如 charsetboundary)。

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

成效

LCP:比對候選項目發出作業的指定行為

LCP演算法現在會根據繪製的最大圖片發出候選項目,而不是根據待處理但尚未繪製的最大圖片。這可能會導致更多中繼候選項目發布至效能時間軸。

在每個動畫影格中,LCP 演算法會在呈現影格後,如果該影格中繪製了新的最大文字或圖片,就會在效能時間軸中發出新的候選項目 (最多一個)。演算法也會追蹤「待處理的最大圖片」,也就是仍在載入的最大圖片,並使用該圖片的大小判斷新候選圖片是否為最大圖片。也就是說,如果大型圖片載入速度緩慢,可能會導致系統無法發出中繼 LCP 候選項目,而這些候選項目通常會提供實用資訊,協助您瞭解載入進度。

這項行為是在 Interop 2025 期間出現,與其他引擎不同,因此團隊同意根據該影格的一組繪製圖片和文字元素,對齊每個影格最多發出一個候選項目。

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

安全性

Sanitizer API

Sanitizer API 可從任意使用者提供的 HTML 內容中,移除可能執行指令碼的內容。目標是讓您更輕鬆地建構沒有 XSS 漏洞的網頁應用程式。

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

來源試用

WebNN

WebNN 可讓網頁應用程式和架構充分運用作業系統的原生服務,以及電腦上的基礎硬體功能,在網頁上實作一致、有效率且可靠的機器學習體驗。

原始碼試用 | 追蹤錯誤 #40206287 | ChromeStatus.com 項目 | 規格

CPU Performance API

這個 API 會公開裝置電源相關資訊,這項 API 適用於使用這項資訊改善使用者體驗的網路應用程式,可能與 Compute Pressure API 搭配使用,後者可提供裝置 CPU 壓力或使用率的相關資訊,並讓應用程式對 CPU 壓力變化做出反應。

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

推測規則:form_submission 欄位

這會擴充 speculation rules 語法,讓您為 prerender 指定 form_submission 欄位。

這個欄位會指示瀏覽器將 prerender 準備為表單提交內容,因此可透過實際表單提交導覽啟用。舉例來說,簡單的搜尋表單會導致 /search?q=XXX GET 要求導覽;網頁開發人員已要求支援這項功能。

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

Focusgroup

Focusgroup 功能可讓您使用鍵盤方向鍵,在可聚焦元素之間移動鍵盤焦點。

如要進一步瞭解焦點群組,請參閱「徵求開發人員意見回饋:焦點群組」。

原始碼試用 | 追蹤錯誤 #1286127 | ChromeStatus.com 項目 | 規格