穩定版發布日期:2024 年 10 月 15 日
除非另有註明,否則以下變更會套用至 Android、ChromeOS、Linux、macOS 和 Windows 適用的 Chrome 130 穩定版。
CSS
CSS 容器查詢平面樹狀檢索
容器查詢的規格已變更,可查詢平面樹狀結構的祖系。這項變更僅適用於陰影 DOM,因為元素現在可在陰影樹狀結構中看到未命名的容器,並將元素或其中一個祖系元素放入其中,即使 CSS 規則未使用 ::part()
或 ::slotted()
也一樣。
追蹤錯誤 #340876720 | ChromeStatus.com 項目 | 規格
CSS 巢狀結構:巢狀宣告規則
在剖析期間,將這些宣告包裝在 CSSNestedDeclarations
規則中,以便在巢狀規則後方保留純宣告。
CSSNestedDeclarations 改善 CSS 巢狀結構 | ChromeStatus.com 項目
完整且未加上前置字元的 box-decoration-break
支援
新增 box-decoration-break: clone
支援功能,可用於內嵌分割 (文字版面配置) 和區塊分割 (列印和多欄的頁面分割)。
在先前的 Chrome 版本中,只有 box-decoration-break:slice
(初始值) 支援區塊分割,而 inline 分割也支援 box-decoration-break:clone
,但僅限於使用前置詞 -webkit-box-decoration-break
屬性時。
Chrome 130 中的 box-decoration-break 屬性 | 追蹤錯誤 #41295617 | ChromeStatus.com 項目 | 規格
允許在 ::part()
之後顯示更多虛擬元素和虛擬類別
使用 ::part()
虛擬元素的 CSS 選取器,可在後面加入其他 CSS 虛擬元素 (::part()
除外) 和許多其他類型的 CSS 虛擬類別。::part()
後仍不允許使用組合器,也不允許依賴樹狀結構的擬造類別。
先前 Chrome 在 ::part()
之後只允許使用有限的擬造類別和擬造元素。這項變更會允許所有應允許的擬造類別和擬造元素。也就是說,::part(part-name):enabled
和 ::part(part-name)::marker
等選取器現在已獲准使用。
追蹤錯誤 #40623497 | ChromeStatus.com 項目 | 規格
網站 API
透過共用 Brotli 和共用 Zstandard 共用的壓縮字典傳輸功能
這項功能新增了支援功能,可使用指定的先前回應,做為使用 Brotli 或 Zstandard 壓縮回應的內容編碼外部字典。
由於企業網路基礎架構會攔截 HTTPS 流量,而且對未知的內容編碼十分敏感,企業可能會遇到潛在的相容性問題。企業政策 CompressionDictionaryTransportEnabled
可關閉壓縮字典傳輸功能。
追蹤錯誤 #40255884 | ChromeStatus.com 項目 | 規格
並行平滑 scrollIntoView()
使用 behavior: "smooth"
的 scrollIntoView()
方法,可讓您建立捲動容器,以輕柔的捲動動畫捲動至其子項。這項功能會修正 Chrome 的 API 實作方式,避免其他捲動容器上的無關捲動動作取消正在進行的 scrollIntoView
動畫。
這項功能還修正了 Chrome 因載入網頁時叫用的競爭 scrollIntoView
而無法捲動至頁面的片段錨點的情況。
示範 | 追蹤錯誤 #325081538 | ChromeStatus.com 項目 | 規格
文件子母畫面:新增忽略視窗邊界快取的選項
這會在文件分割畫面 API 中新增參數 (preferInitialWindowPlacement
),如果設定為 true,瀏覽器就會收到提示,在開啟這個網站時,不要嘗試重複使用先前文件分割畫面的大小或位置。
在同一個網站上,文件子母畫面視窗經常會多次關閉和重新開啟,例如在子母畫面中來回移動視訊會議。您可以在瀏覽器以最新的大小和位置重新開啟子母畫面視窗,以便保留使用者上次移動時所在的位置,在子母畫面視窗之間連續顯示。不過,如果新視窗與前一個視窗在語意上無關聯 (例如新視窗是新的視訊通話),您可以使用這個參數向使用者代理程式提供提示,指出這個視窗可能會以預設位置和大小開啟。
瞭解如何以預設位置和大小開啟視窗。
任何元素 (不限影片) 的 Picture-in-Picture 功能 | ChromeStatus.com 項目 | 規格
針對 IndexedDB 中大值讀取失敗的情況,改善錯誤回報
報表變更先前以 DOMException
回報的特定錯誤情況和「無法讀取大型索引資料庫值」訊息的回報方式。
當磁碟中缺少含有 IDBRequest 讀取資料的檔案時,Chrome 會提示名稱為 "NotFoundError"
的 DOMException
,以便網站在發生無法復原的錯誤時採取適當的修正動作。修正動作包括從資料庫中刪除項目、通知使用者,或從伺服器重新擷取資料。
追蹤錯誤 #362123231 | ChromeStatus.com 項目 | 規格
可透過鍵盤聚焦的捲動容器
這項功能可讓沒有可聚焦子項的捲軸預設可透過鍵盤聚焦。
這項重要改善可讓所有使用者更容易使用捲軸和捲軸中的內容。如要進一步瞭解這項功能的好處,請參閱「可透過鍵盤聚焦在捲軸」一文。從 Chrome 130 版開始,鍵盤可聚焦的捲動器會預設為啟用。 如果網站需要時間調整以配合這項新功能,可以採取下列幾種做法:
- 鍵盤可聚焦捲軸停用試用版可用於在特定網站上暫時停用這項功能。使用期限為 Chrome 132 版 (2025 年 3 月 18 日為止)。
- 從 Chrome 127 開始提供的
KeyboardFocusableScrollersEnabled enterprise policy
可用於相同用途。
可透過鍵盤聚焦的捲軸 | 追蹤錯誤 #40113891 | ChromeStatus.com 項目 | 規格
Protected Audience 出價和競價服務
Protected Audience API (舊稱 FLEDGE) 是一種運用 Privacy Sandbox 技術的提案,用來服務再行銷和自訂目標對象用途,設計方針是讓第三方無法追蹤使用者的跨網站瀏覽行為。
這項功能 (Protected Audience 出價和競價服務) 概略說明了一種方法,可讓 Protected Audience 運算作業在可信執行環境內的雲端伺服器上進行,而非在使用者的裝置本機上執行。將運算作業轉移至雲端伺服器,有助於最佳化 Protected Audience 競價,釋出裝置的運算週期和網路頻寬。
支援非特殊配置網址
先前,Chrome 的網址剖析器不支援非特殊網址。剖析器會將非特殊網址剖析為具有「不透明路徑」,這與網址標準不符。如今,Chromium 的網址剖析器會依照網址標準,正確剖析非特殊網址。
支援非特殊配置網址 | 追蹤錯誤 #40063064 | ChromeStatus.com 項目 | 規格
WebAssembly JavaScript 字串內建
這項功能會公開常見的 JavaScript 字串作業,供您匯入 WebAssembly。這可讓您在沒有 WebAssembly 支援的情況下,透過 WebAssembly 建立及操作 JavaScript 字串。這仍可提供與支援字串參照相似的效能。
Web Serial:connected
屬性和 RFCOMM 連線事件
這項功能會新增布林 SerialPort.connected
屬性。如果序列埠已邏輯連線,則屬性會傳回 true
。對於有線序列埠,如果埠已實際連接至系統,則該埠會在邏輯上連線。若是無線序列埠,只要託管通訊埠的裝置對主機有任何公開連線,通訊埠就會以邏輯方式連線。
先前只有有線序列埠會發出連線和中斷連線事件。有了這項功能,藍牙 RFCOMM 序列埠會在邏輯上連線或中斷連線時,調度這些事件。
這項功能可讓應用程式在未開啟藍牙 RFCOMM 序列埠的情況下,偵測藍牙 RFCOMM 序列埠是否可用。
詳情請參閱 Web Serial 的藍牙 RFCOMM 更新。
Web Serial 中的藍牙 RFCOMM 更新 | 追蹤錯誤 #40283485 | ChromeStatus.com 項目 | 規格
算繪和圖形
WebGPU:雙重來源混合
新增選用 GPU 功能「雙重來源混合」,可將兩個片段著色器輸出內容合併為單一框架緩衝區。這項技巧特別適用於需要複雜混合作業的應用程式,例如以 Porter-Duff 混合模式為基礎的應用程式。雙重來源混合可減少管道狀態物件變更的頻率,進而提升效能和彈性。
追蹤錯誤 #341973423 | ChromeStatus.com 項目 | 規格
隱私權
Attribution Reporting API 功能 (歸因範圍)
這個變更是以廣告技術的意見回饋為基礎,需要在歸因程序開始前,需要更精細的篩選控制項。這項功能可讓 API 呼叫端指定名為「歸因範圍」的欄位,在啟動一般歸因流程前,用於篩選。如此一來,API 呼叫端就能更精細地控制歸因精細度,並在有多個廣告客戶或廣告活動在同一個目標網站上轉換時,接收適當的歸因報表。
Attribution Reporting API 功能 (偵錯密鑰隱私權改善)
這項異動有助於減少偵錯鍵的隱私權差距。
目前,如果有可用的第三方 Cookie,且可由 API 呼叫端設定,API 就會允許指定來源偵錯鍵或觸發偵錯鍵。只要指定來源或觸發事件偵錯鍵,該鍵就會納入歸因報表中。如果您只允許發布商或廣告主網站使用第三方 Cookie,而非同時允許兩者使用,可能會導致隱私權外洩。
這項變更可以降低這個問題,因為只有在來源偵錯金鑰和觸發偵錯金鑰同時出現在來源和觸發事件上時,才會納入歸因報表,也就是說,發布商和廣告客戶網站上都有第三方 Cookie。這項變更會套用至事件層級報表和可匯總報表。
來源試用
Language Detector API
用於偵測文字語言的 JavaScript API,並提供信心等級。
Origin Trial | Language detection API 可供早期搶先體驗 | ChromeStatus.com 項目 | 規格
WebAuthn attestationFormats
支援 WebAuthn 3 級的 attestationFormats
欄位。
WebAuthn 級別 3 支援網站在新的 attestationFormats
欄位中,以排序偏好設定憑證認證格式。這項功能可在 Android 裝置上支援這項功能,因為密碼金鑰供應商能支援多種格式。
來源試用 | ChromeStatus.com 項目 | 規格
淘汰和移除
從 DelegatedInkTrailPresenter
中移除 expectedImprovement
expectedImprovement
屬性可讓網頁開發人員瞭解 DelegatedInkTrails API 可為目前的墨水延遲時間帶來多少改善。不過,這項屬性不值得增加指紋辨識的熵值。
延伸閱讀
想瞭解更多資訊嗎?請參考這些額外資源。