發布日期:2026 年 2 月 11 日
除非另有說明,否則這些變更適用於 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版。如要進一步瞭解這些功能,請參閱提供的連結或 ChromeStatus.com 上的清單。請從 Google.com 下載最新版 Chrome 桌面版,或從 Android 裝置上的 Google Play 商店下載最新版 Chrome。
CSS 和 UI
捲動觸發的動畫
這項功能可根據捲動位置控制動畫,例如播放、暫停及重設動畫。
網頁上常見的模式是在捲動到特定位置時啟動動畫。開發人員通常會使用 JavaScript 手動偵測元素是否位於捲動容器的檢視區塊內,並啟動相應的動畫 (例如將該元素滑入檢視畫面)。其中許多用途都依賴可宣告式提供的資訊。作者可透過 CSS 宣告式地建立這些互動,讓使用者代理程式將這類互動的處理作業卸載至工作執行緒。除了 CSS 動畫外,API 也包含 JavaScript 介面,可將這項功能擴展至網頁動畫。
詳情請參閱「CSS 捲動觸發動畫即將推出!」一文。
trigger-scope 屬性
開發人員可透過 trigger-scope 屬性,限制 trigger-instantiating 屬性宣告的動畫觸發條件名稱。
觸發例項化的屬性 (例如 timeline-trigger) 會宣告 animation-trigger 屬性可參照的名稱,以便將動畫附加至觸發條件。不過,這些名稱預設為全域名稱 (類似於 anchor-name)。作者通常需要限制這些名稱的可見度,以隔離動畫觸發互動。
時間軸命名範圍「scroll」
這項功能會新增 scroll 範圍,擴充檢視時間軸的具名範圍集。
捲動驅動動畫 API 導入了 ViewTimelines 和具名範圍,這些範圍是指 ViewTimeline 的部分,用於定義動畫的範圍。
不過,所有提供的具名範圍都僅限於ViewTimeline中顯示主體的部分。作者現在可以參照時間軸底層捲動容器的完整範圍。這項功能會將名為 scroll 的範圍新增至現有集合 (entry、exit、cover、contain)。
支援 text-indent 屬性的 hanging 和 each-line
text-indent 屬性的兩個選用關鍵字可擴充功能和實用性。
hanging 關鍵字會將縮排變更為「凸排」,也就是除了第一行以外的所有行都會縮排。
each-line 關鍵字會讓縮排影響第一行,以及強制換行後的每一行。
網站 API
Navigation API:從前置提交新增後置提交處理常式
這項小幅人體工學改良措施可讓您在叫用前置提交處理常式時,註冊後置提交處理常式。
在此變更之前,使用 navigate 事件攔截導覽時,系統會分別傳遞 precommitHandlers 和後續的一般處理常式。
如果只有其中一個處理常式,這種做法很有效,但如果流程包含 precommitHandler,導致出現後續的 post-commit 處理常式,就會有點笨拙。
在檔案處理期間填入 targetURL
現在透過檔案處理啟動 PWA 時,啟動處理常式實作項目會確保 LaunchParams.targetURL 已填入資料。先前,如果檔案啟動作業導向現有視窗,這項屬性會是空值。這項變更可確保開發人員資訊清單 action 欄位中的網址 (文件目前必須載入的網址) 可供 launchQueue 消費者使用。
WebGPU:紋理和取樣器 let
在 WGSL 中新增語言功能,texture_and_sampler_let,可讓您將紋理和取樣器物件儲存在 WGSL 的 let 宣告中。
WebGPU 相容模式
新增 WebGPU API 的輕微限制子集 (可選擇啟用),可執行較舊的圖形 API,例如 OpenGL 和 Direct3D11。只要選擇啟用這個模式並遵守相關限制,開發人員就能將 WebGPU 應用程式的觸及範圍擴展至許多舊裝置,這些裝置缺少核心 WebGPU 要求的現代化明確圖形 API。如果是簡單的應用程式,唯一需要變更的地方是在呼叫 requestAdapter 時指定相容性 featureLevel。如果是更進階的應用程式,可能需要進行一些修改,才能配合模式的限制。由於相容性模式是子集,因此產生的應用程式也是有效的 WebGPU Core 應用程式,即使在不支援相容性模式的使用者代理程式上也能執行。
WebGPU:暫時性附件
開發人員可透過新的 TRANSIENT_ATTACHMENT GPUTextureUsage 建立附件,讓算繪傳遞作業留在圖塊記憶體中,避免 VRAM 流量,並可能避免為紋理分配 VRAM。
Intl.Locale.prototype.variants
新增 Intl.Locale.prototype.variants,並在 Intl.Locale 建構函式的選項包中接受 variants。
疊代器排序
實作 TC39 提案,透過排序現有疊代器建立疊代器。這會導入
Iterator.concat(...items)。
meta name="text-scale"
使根元素的預設字型大小,與作業系統和瀏覽器的文字縮放設定成比例縮放。這樣一來,遵循字型相對單位最佳做法的網頁 (也就是使用 rem 和 em 設定字型大小,以及會根據使用者文字大小偏好設定變更的網頁元素),就會尊重使用者的 OS 層級文字縮放設定。這也會導致瀏覽器停用現有的瀏覽器機制 (即 Windows 上的全頁縮放) 和啟發式方法 (即行動裝置上的文字自動調整大小)。網頁開發人員現在可以向瀏覽器發出信號,表示網頁是以某種方式 (即使用 rem 和
em) 建構,可根據使用者選取的各種字型大小偏好設定進行適當的縮放。
與 env(preferred-text-scale) 類似,這個 API 可讓作者存取文字比例,並透過根元素的預設字型大小啟用縮放功能,以及停用自動文字縮放功能。
在 dragover 到 drop 事件之間保留 dropEffect 值
HTML5 Drag and Drop API 可讓網路應用程式透過一系列事件處理拖曳作業:dragstart、dragenter、dragover、dragleave、drop 和 dragend。在這些事件期間,dataTransfer.dropEffect 屬性會指出要執行的作業 (複製、移動、連結或無)。
根據 HTML5 規格,系統會保留網頁應用程式在最後一個 dragover 事件中設定的 dropEffect 值,並在後續的 drop 事件中提供該值。
不過,在 drop 事件觸發前,以 Chromium 為基礎的瀏覽器會以瀏覽器本身協商的作業覆寫網頁應用程式的 dropEffect 值,這會違反規格規範,並限制開發人員對拖曳行為的控制。
保留 DataURL MIME 類型參數
根據 Fetch Standard,保留資料網址 Content-Type 標頭中的 MIME 類型參數 (例如字元集、界線)。
Sanitizer API
開發人員可以使用 Sanitizer API 提供的 HTML Sanitizer API,從任意使用者提供的 HTML 內容中移除可能會執行指令碼的內容,這個 API 簡單好用,且預設安全。目標是讓您更輕鬆地建構沒有 XSS 的網頁應用程式。
新的來源試用
在 Chrome 146 中,您可以選擇加入這些新的原始碼試用計畫。
WebNN
WebNN 的目標是讓網頁應用程式和架構充分運用原生作業系統服務,以及使用者電腦上的基礎硬體功能,在網路上實作一致、有效率且可靠的機器學習體驗。