Chrome 124

除非另有說明,否則以下變更會套用至 Android、ChromeOS、Linux、macOS 和 Windows 適用的 Chrome 124 穩定版。如要進一步瞭解此處所列的功能,請透過我們提供的連結或 ChromeStatus.com 的清單。Chrome 124 從 2024 年 4 月 16 日起可穩定運作。您可以前往 Google.com 電腦版或 Android 版 Google Play 商店下載最新版本。

只想瀏覽精選內容嗎?請參閱 Chrome 124 的新功能

瀏覽器變更和開發人員工具

通用安裝

將任何網頁設為可安裝,即使不符合目前 PWA 安裝條件的標準。

可聚焦鍵盤的捲動容器

使用依序聚焦導覽功能,將捲動容器設為可聚焦,改善無障礙功能。在此變更之前,除非 tabIndex 明確設為 0 以上,否則 Tab 鍵不會聚焦捲動器。

將捲動器預設為可聚焦,無法或不想使用滑鼠的使用者,就能使用鍵盤分頁和方向鍵聚焦裁剪的內容。只有在捲軸不含任何鍵盤可聚焦子項時,系統才會啟用這項行為。

這項功能自 Chrome 124 起將逐步推出,並可在 Chrome 125 之前向所有使用者開放。

鍵盤可聚焦捲動器 | 追蹤錯誤 #40113891 | ChromeStatus.com 項目 | 規格

Web MIDI API 的權限提示

這項功能可限制權限提示背後的 Web MIDI API 存取權。先前需要明確使用者權限才能搭配 Web MIDI API 使用 SysEx 訊息,從 Chrome 125 版開始,所有 Web MIDI API 存取權都需要使用者授權。

這項功能自 Chrome 124 起將逐步推出,並可在 Chrome 125 之前向所有使用者開放。

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

HTML 和 DOM

writingsuggestions 屬性

瀏覽器開始隨著使用者在網路上各種可編輯的欄位輸入內容,開始提供寫作建議。雖然這對於使用者通常很實用,但在某些情況下,開發人員可能會想關閉瀏覽器提供的寫入輔助功能,例如擴充功能或網站本身提供類似的功能。

新屬性 writingsuggestions 的值為 truefalse,可讓開發人員開啟或關閉瀏覽器提供的寫作建議。也可以沿用祖系元素的屬性狀態,讓開發人員能夠以個別元素、每份文件或子文件的尺度來控制這項功能。

ChromeStatus.com 項目 | 規格

載入中

Sec-CH-UA-Form-Factors 客戶提示

這項提示可提供伺服器資訊,說明使用者代理程式的板型規格。它會傳回下列一或多個板型規格值:

  • 電腦:在個人電腦上執行的使用者代理程式。
  • Automotive:內嵌於車輛中的使用者代理程式,使用者可能負責操作車輛,且無法參與小細節。
  • 行動裝置:這類小型的觸控式裝置通常搭載給使用者。
  • 平板電腦:觸控導向裝置尺寸比「行動裝置」更大,通常不對使用者攜帶。
  • XR:能增強或取代使用者周遭環境的沉浸式裝置。
  • EInk:一種裝置特性,為螢幕更新速度緩慢,且色彩解析度有限或完全沒有色彩。
  • 手錶:螢幕極小 (通常不到兩英吋) 的行動裝置,採用的方式讓使用者一目瞭然。

ChromeStatus.com 項目 | 規格

私人網路存取權權限,可放寬複合型內容

為了建立本機網路上沒有全域專屬名稱,導致無法取得 TLS 憑證的裝置連線,這項功能推出新的 fetch() 選項,可宣告開發人員對這類裝置的通訊意圖。這包括一項由政策控管的新功能,可用來限制每個網站對這項功能的存取權,以及為伺服器預檢回應提供額外中繼資料的新標頭。

ChromeStatus.com 項目 | 規格

priority HTTP 要求標頭

這會為所有 HTTP 要求新增 priority 要求標頭,當中包含要求傳送時的優先順序資訊。

RFC 9218 (適用於 HTTP 的可延伸優先順序配置) 定義了 priority HTTP 要求標頭,可用於向來源 (和中繼) 發出要求優先順序的信號。也定義了 HTTP/2 和 HTTP/3 的交涉流程和通訊協定層級框架,提供相同的優先順序資訊。

標頭只能在首次收到要求時指明資源的初始優先順序,而以框架為基礎的機制允許在事後修改優先順序。

標頭可以對原始伺服器進行端對端操作 (並提供機制讓來源能覆寫由中介者辨識的優先順序),同時影格僅限於在連結層級運作。

這項功能特別適用於支援標頭式優先順序設定配置。

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

禁止轉譯文件

這項功能可讓作者在重要內容剖析完成前禁止轉譯文件,確保所有瀏覽器上的首次顯示所需時間一致。在沒有這項功能的情況下,第一個繪製作業的狀態取決於剖析器產生之經驗法則,而該經驗法則會因瀏覽器而異。

這在 View 轉場上特別重要,因為在第一個影格的剖析 DOM 狀態可能會大幅變更建立的轉場效果。

請注意,這項功能會導入 <link rel=expect href="#id"> 語法,讓連結元素參照網頁上其他預期的元素。然後會封鎖算繪作業,直到預期的元素完全剖析為止。這取代了先前實作的 HTML 屬性,這可讓整份文件遭到封鎖。

ChromeStatus.com 項目 | 規格

適用於傳輸層安全標準 (TLS) 的 X25519Kyber768 金鑰封裝

部署 Kyber768 抗量子金鑰協議演算法,保護目前的 Chrome TLS 流量,避免日後的量子密碼分析遭到攻擊。

這是依據 IETF 標準的混合 X25519 和 Kyber768 金鑰協議。 此規格和推出作業不在 W3C 範圍內。此金鑰協議將以傳輸層安全標準 (TLS) 加密的形式發布,且應向使用者公開透明。

使用 Hybrid Kyber KEM 保護 Chrome 流量 | 追蹤錯誤 #40910498 | ChromeStatus.com 項目 | 規格

媒體

jitterBufferTarget 項屬性

jitterBufferTarget 屬性可讓應用程式針對要保留的 RTCRtpReceiver 時基緩衝區指定媒體目標時間長度 (以毫秒為單位)。這會影響使用者代理程式執行的緩衝處理量,進而影響重新傳輸和封包遺失復原作業。如果變更目標值,應用程式就能控製播放延遲,以及因網路時基誤差而耗盡音訊或視訊畫面的風險。

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

網站 API

WebSocketStream API

WebSocket API 提供用於 RFC6455 WebSocket 通訊協定的 JavaScript 介面。雖然成效良好,但從人體工學的角度來看,這種做法令人感到尷尬,而且缺少背壓的重要特徵。WebSocketStream API 的用意是藉由整合 WHATWG 串流與 WebSocket API,解決這些缺口問題。

WebSocketStream:整合串流與 WebSocket API | 追蹤錯誤 #41470216 | ChromeStatus.com 項目 | 規格

setHTMLUnsafeparseHTMLUnsafe

setHTMLUnsafeparseHTMLUnsafe 方法允許在 JavaScript 中使用宣告式陰影 DOM。相較於 innerHTMLDOMParser,這些方法也能夠以更簡單的方式,將 HTML 剖析為 DOM。

ChromeStatus.com 項目 | 規格

Streams API:ReadableStream 非同步疊代

串流 API 提供廣泛、可互通的基元,可用於建立、撰寫和取用資料串流。這項變更加入了 ReadableStream API 的非同步可疊代通訊協定支援功能,讓可讀取的串流做為 await...of 迴圈的來源使用。

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

pageswap 個事件

當導覽將這份文件取代為新文件時,文件的視窗物件會觸發 pageswap 事件。這個事件提供導覽相關的啟用資訊 (typeNavigationHistoryEntry 為新文件)。

如果導覽有跨文件檢視轉換,系統會先分派事件再擷取舊文件的狀態。如此一來,開發人員就能根據導覽的啟用資訊和舊文件目前的視覺狀態,設定針對轉場效果擷取的舊狀態。

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

Attribution Reporting API 新增項目

Attribution Reporting API 新增功能,可用於剖析失敗偵錯報表、支援指定偏好的註冊平台,以改善 API 人體工學,並改善隱私。

文件子母畫面:新增隱藏「返回分頁」按鈕的選項

這會在 Document Picture-in-Picture API 中新增參數 (disallowReturnToOpener),並提示設為 true 時,瀏覽器不應在子母畫面視窗中顯示按鈕,導致使用者返回開啟工具分頁。

雖然在影片子母畫面的情況下,提供返回開啟工具分頁的按鈕絕對是合理的 (開啟工具分頁中的影片串流可以傳回影片元素),但文件子母畫面體驗不一定適用。這樣一來,當開發人員判定這類按鈕對自己的用途不適用時,就能進一步控管使用者體驗。

子母畫面說明文件 | ChromeStatus.com 項目 | 規格

轉譯與圖形

SVG context-fillcontext-stroke

實作現有的 SVG 功能,以便在指定填滿和筆劃屬性時允許關鍵字 context-fillcontext-stroke。這只會影響使用 <use> 元素執行個體化的 SVG 子樹狀結構,以及使用 <path> 元素上 marker 屬性例項化的 <marker> 元素。在這種情況下,context-fillcontext-stroke 會解析為 <use><path> 上的 fillstroke 屬性值。

ChromeStatus.com 項目 | 規格

WebGPU:ServiceWorker 和 SharedWorker 支援

ServiceWorker 和 SharedWorker 支援已新增至 WebGPU,使其與現有的 WebGL 功能保持一致。

Service Worker 可為 WebGPU 提供離線功能和背景處理功能。這表示即使使用者未積極與網頁互動,使用大量圖形的網頁應用程式或 Chrome 擴充功能仍可快取資源並執行運算。

共用工作站可讓多個分頁或擴充功能內容協調及分享 WebGPU 資源。讓使用者享有更流暢的效能,以及更有效率地使用圖形硬體。

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

來源試用中

在 Chrome 124 中,您可以選擇啟用下列新的來源試用

淘汰事件試用

變更事件 (包括 DOMSubtreeModifiedDOMNodeInsertedDOMNodeRemovedDOMNodeRemovedFromDocumentDOMNodeInsertedIntoDocumentDOMCharacterDataModified) 可能會降低網頁效能,也會大幅提高網頁新增功能的複雜度。這些 API 自 2011 年規格起淘汰,並由功能更佳的 Mutation Observer API 取代 (於 2012 年)。

在 2024 年 7 月 30 日左右,Chrome 127 起將預設停用異動事件支援。為避免網站故障,程式碼應在該日期前遷移至 Mutation Observer API。如果需要更多時間,請註冊幹擾事件淘汰試用,在特定時間內重新啟用這項功能。可於 2025 年 3 月 25 日後透過 Chrome 134 使用。

此外,MutationEventsEnabled 企業政策也能用於相同用途,也可透過 Chrome 134 使用。

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

淘汰和移除

這個版本的 Chrome 推出了下列淘汰和移除功能。 如需淘汰移除的清單,請造訪 ChromeStatus.com

Chrome 124 中的項目沒有淘汰或移除的功能。

其他資訊

想閱讀更多內容嗎?歡迎參考下列其他資源。