Chrome 149

穩定版發布日期:2026 年 6 月 2 日

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

CSS 和 UI

CSS 間距裝飾

CSS 間距裝飾可讓您設定容器版面配置 (例如格線和 Flexbox) 中的間距樣式,類似於多欄版面配置中的 column-rule。網頁程式開發人員非常需要這項功能,因為他們目前必須使用變通方法,才能設定格線和 Flexbox 版面配置中的間距樣式。

這項功能引進了 column-rule-insetrow-rule-insetcolumn-rule-visibility-itemsrow-rule-visibility-items 等新的 CSS 屬性,並支援規則寬度、顏色和插邊的動畫效果。

CSS 間距裝飾網誌文章 | 追蹤錯誤 #357648037 | ChromeStatus.com 項目 | 規格

在使用者互動時裁剪溢位文字

當使用者與設有 text-overflow: ellipsis 的文字互動 (例如編輯或使用插入點導覽) 時,文字會暫時從省略號切換為剪輯。使用者可以查看隱藏的溢位內容並與之互動。這項功能適用於所有可編輯和不可編輯的元素。對於表單控制項 (例如 <textarea><input>),系統已支援這項行為。

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

移除表格的明確邊框顏色 UA 樣式表規則

這項變更會從 <table> 元素的 UA 樣式表移除錯誤的 border-color: gray CSS 規則。HTML 規格不含這項規則,因此邊框無法預設為 currentColor。Firefox 和 WebKit 的 UA 樣式表都沒有這個 gray 邊框顏色規則,導致互通性問題。

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

shape-outside 中支援 path()shape()

在 CSS shape-outside 屬性中新增對 path()shape() 形狀函式的支援。開發人員可透過這些函式更靈活地定義浮動排除形狀,並支援動畫。

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

shape-outside 中支援 rect()xywh()

在 CSS shape-outside 屬性中,新增對 rect()xywh() 基本形狀函式的支援。開發人員可使用這些函式,透過矩形座標定義浮動排除形狀,讓 Chrome 與 Firefox 和 Safari 保持一致,因為後兩者已支援這項功能。

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

使用者動作偽類別頂層邊界

變更元素父項的 :hover:active:focus-within 比對,只比對父項鏈中的第一個頂層元素。由於頂層元素通常會與父鏈在視覺上中斷連線,因此當頂層元素懸停或啟用時,變更父項樣式並不合理。

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

網頁應用程式範圍系統強調色

限制 CSS 關鍵字 (AccentColorAccentColorText) 和 accent-color: auto 的系統強調色存取權,只能在網頁應用程式和初始設定檔環境中使用。在網路上廣泛公開使用者的系統顏色時,這項做法可限制重要的指紋向量。

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

image-rendering: crisp-edges

image-rendering: crisp-edges 表示圖片應以保留對比度和邊緣的方式縮放,並避免在過程中平滑化色彩或模糊圖片。

Chrome、Firefox 和 Safari 會將 crisp-edgespixelated 視為同義詞,並使用最鄰近插值法實作這兩者。

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

支援將「path-length」做為 CSS 屬性

導入新的 CSS 屬性 path-length,對應至 SVG pathLength 呈現屬性。這項屬性適用於支援 pathLength 的 SVG 幾何元素 (包括 <path><circle><rect><line><polyline><polygon><ellipse>),可讓作者在樣式表、內嵌樣式和動畫中指定這項屬性。

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

網站 API

Intl.Locale.prototype.variants

根據 ECMA-402 規格新增 Intl.Locale.prototype.variants,並在 Intl.Locale 建構函式的選項包中接受 variants

ChromeStatus.com 項目 | 規格

Payment Request:允許付款處理常式回報內部錯誤

讓透過 Payment Request API 存取的付款處理常式,針對「使用者取消」(AbortError) 和「內部付款應用程式錯誤」(OperationError) 傳回不同的錯誤。這樣一來,開發人員就能在發生內部應用程式錯誤時重試或改用其他流程,並在使用者取消時正確停止。

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

在 TSF 中遵循 Windows 觸控鍵盤的 autocorrect="off"

當焦點可編輯元素設有 autocorrect="off" 時,Chrome 的 TSF 整合功能會偵測並還原 Windows 上的觸控鍵盤自動修正。

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

選擇性讀取剪貼簿格式

增強非同步剪貼簿 API,將從 OS 擷取實際剪貼簿資料的作業延後,直到網頁應用程式呼叫 getType() 為止。現在瀏覽器不會在 read() 時間急切擷取所有可用格式,而是傳回具有可用 MIME 類型但沒有基礎資料的 ClipboardItem 物件,藉此減少 CPU 使用量並提升回應速度。

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

網路和連線

在 bfcache 項目中斷 WebSocket 連線

使用中的 WebSocket 連線不再會導致網頁無法儲存到往返快取 (bfcache)。瀏覽器會關閉 bfcache 項目中的連線,而不是將文件標示為不符合資格,因此可儲存及還原含有有效 WebSocket 的網頁。

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

新的來源試用

Gamepad 事件驅動輸入 API

透過新的事件驅動模型擴充 Gamepad API,讓應用程式以較低的延遲時間接收遊戲手把輸入內容。開發人員現在可以監聽 rawgamepadinputchange 事件,不必再依賴使用 navigator.getGamepads() 進行頻繁輪詢,只要裝置提供新的輸入資料,就會觸發該事件。

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

權限政策:focus-without-user-activation

嵌入者可透過 focus-without-user-activation 權限政策,控管嵌入內容的程式輔助焦點。如果框架遭到政策拒絕,系統會封鎖程式輔助焦點呼叫 (element.focus()autofocuswindow.focus()dialog.showModal() 和快顯視窗焦點),除非是由使用者啟用觸發。

來源試用 | 追蹤錯誤 #40095111 | ChromeStatus.com 項目 | 規格

WebAssembly 自訂描述元

讓 WebAssembly 更有效率地在新的「自訂描述元」物件中儲存與來源層級型別相關聯的資料。這些自訂描述元可透過該來源層級型別的 WebAssembly 物件原型設定,讓方法安裝在 WebAssembly 物件的原型鏈上,並使用一般方法呼叫語法直接從 JavaScript 呼叫。

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