穩定版發布日期:2025 年 1 月 14 日
除非另有說明,否則下列變更適用於 Android、ChromeOS、Linux、macOS 和 Windows 的 Chrome 132 穩定版。
HTML 和 DOM
針對非活動文件中的彈出式視窗和對話方塊擲回例外狀況
先前在非活動文件中,對位於彈出式視窗或對話方塊的 showPopover()
或 showModal()
呼叫會失敗。系統不會擲回例外狀況,但由於文件處於非活動狀態,因此不會顯示彈出式視窗或對話方塊。自 Chrome 132 起,這些情況現在會擲回 InvalidStateError
。
追蹤錯誤 #373684393 | ChromeStatus.com 項目 | 規格
對話方塊切換事件
瞭解 <dialog>
元素何時開啟和關閉很有幫助,而 popover
已具有 ToggleEvent
,會在彈出式視窗開啟或關閉時調度。先前,如要偵測 <dialog>
何時開啟,您必須註冊變異觀察器來檢查開啟狀態,但這項工作相當繁瑣,因此使用事件會更簡單。
這項異動會納入 popover 調派的相同 ToggleEvent
,但適用於 <dialog>
元素:當 showModal
或 show
遭呼叫時,<dialog>
會使用 newState=open
調派 ToggleEvent
。當 <dialog>
關閉 (使用表單、按鈕或 closewatcher) 時,應透過 newState=closed
調度 ToggleEvent
。
追蹤錯誤 #41494780 | ChromeStatus.com 項目 | 規格
修正 Shadow DOM 中的選取項目 isCollapsed
只有當錨點和焦點相同時,選取內容 isCollapsed 才應傳回 true。無論選取範圍是在 light 或 shadow 樹狀結構中開始或結束,都應為 true。
示範 | 追蹤錯誤 #40400558 | ChromeStatus.com 項目 | 規格
CSS
CSS 錨點定位:允許在 inset
和 margin
屬性中使用 anchor-size()
原本,anchor-size()
只允許用於大小屬性。規格已變更,以便在內嵌和邊界中使用 anchor-size()
。
追蹤錯誤 #346521300 | ChromeStatus.com 項目 | 規格
CSS 橫向書寫模式
支援 writing-mode
CSS 屬性的 sideways-rl
和 sideways-lr
關鍵字。sideways-rl
和 sideways-lr
可用於垂直書寫非中日韓文字。與 vertical-rl
和 vertical-lr
不同,這些字元不具備有利於 CJK 語言的行為。
MDN writing-mode | 追蹤錯誤 #40501131 | ChromeStatus.com 項目 | 規格
載入中
擷取:Request.bytes()
和 Response.bytes()
將 bytes()
方法新增至 Request
和 Response
介面,以便傳回透過 Uint8Array 解析的承諾。雖然 Request
和 Response
都有 arrayBuffer()
方法,但您無法直接從緩衝區讀取資料。您必須建立 Uint8Array
等檢視畫面才能讀取。bytes()
方法可改善取得要求和回應主體的人體工學。
追蹤錯誤 #340206277 | ChromeStatus.com 項目 | 規格
忽略 localhost 的 Strict-Transport-Security
Strict-Transport-Security
(STS) 回應標頭可能會對 localhost 網路伺服器造成問題,因為 STS 會在所有通訊埠上套用至主機。這會導致網頁開發人員在本機測試時發生相容性問題。這也影響使用軟體套件的使用者,因為這些軟體套件通常會出於臨時性質啟動 localhost 網路伺服器。例如,從網路登入到本機軟體套件的驗證權杖通訊。如果一個本機事件監聽器在 localhost 回應中設定 Strict-Transport-Security
,則會套用至所有後續的 localhost 要求,不論通訊埠為何。
Chrome 132 會忽略本機網址網址的回應中的 Strict-Transport-Security
標頭,以解決這個問題。
追蹤錯誤 #41251622 | ChromeStatus.com 項目
媒體
擷取所有畫面
使用 getAllScreensMedia()
擷取與裝置連線的所有畫面。
多次呼叫 getDisplayMedia()
需要多次使用者手勢,每次都需要使用者選擇下一個畫面,而且無法保證應用程式已選取所有畫面。getAllScreensMedia()
方法則改善了所有這些方面。
這項功能僅適用於電腦版。
設計文件 | 追蹤錯誤 #40216442 | ChromeStatus.com 項目 | 規格
元素擷取
假設您透過現有方式取得影片 MediaStreamTrack
,以啟動分頁擷取功能,元素擷取功能可讓您變更追蹤記錄,只擷取從特定元素開始的 DOM 子樹狀結構。
這個 API 與 Region Capture API 有些相似,但可為應用程式提供更大的彈性,因為遮蔽和被遮蔽的內容都會從擷取內容中排除。
示範 | 追蹤錯誤 #270230413 | ChromeStatus.com 項目 | 規格
網站 API
PushMessageData::bytes()
PushMessageData
介面模仿 Body
介面,後者在今年稍早已根據「API 通常應以 Uint8Arrays
形式販售位元組緩衝區」的原則,透過新的 bytes()
方法進行修訂。Chrome 132 會在 PushMessageData
介面上提供 bytes()
存取子,藉此與 Body
介面重新對齊。
MDN PushMessageData: bytes() 方法 | 追蹤錯誤 #373336950 | ChromeStatus.com 項目 | 規格
可透過鍵盤聚焦的捲動容器
由於無障礙功能倒退,這項功能 (自 Chrome 130 起) 的推出作業已停止。這個問題已修正,這項功能會繼續在 Chrome 132 中推出。
可供鍵盤焦點使用的捲動條 | 追蹤錯誤 #40113891 | ChromeStatus.com 項目 | 規格
Device Posture API
這個 API 可協助開發人員偵測折疊式裝置目前的姿勢。裝置姿勢是指裝置的實際位置,除了角度外,這可能會從感應器衍生而來。
從避免折疊區域來提升網站可用性,到為網路提供創新用途,瞭解裝置姿勢有助開發人員根據不同裝置量身打造內容。
即使裝置未平放,使用者仍可瀏覽內容,因此開發人員可能會根據裝置的使用姿勢狀態,為裝置提供不同的版面配置。
Git 存放區 | 追蹤錯誤 #40124716 | ChromeStatus.com 項目 | 規格
sharedStorage.selectURL
中的已儲存查詢
sharedStorage.selectURL()
現在允許以逐頁方式儲存及重複使用查詢,其中兩個每頁載入預算會在第一次執行已儲存查詢時收費,但不會在同一頁面載入期間執行已儲存查詢的後續作業時收費。您可以透過 selectURL()
的選項中指定查詢名稱的 savedQuery
參數來完成這項操作。
追蹤錯誤 #367440966 | ChromeStatus.com 項目 | 規格
Private State Token API 權限政策的預設許可清單萬用字元
Private State Token API 的存取權受到權限政策功能的限制。Chrome 132 更新了 private-state-token-issuance
和 private-state-token-redemption
功能的預設許可清單,從 self
改為 *
(萬用字元)。
FedCM Mode API 和 Use Other Account API
FedCM 的兩個新擴充功能:
- 模式:
active
模式可讓網站在按鈕點選 (例如點選「Sign in to IdP」按鈕) 時呼叫 FedCM,這需要 FedCM 保證一律會以可見的使用者介面回應。在活動模式中呼叫 FedCM API 時,系統會在使用者登出時,將使用者導向登入身分識別資訊提供者 (IdP)。此外,由於活動模式是在明確的使用者手勢中呼叫,因此與採用被動模式的 UI 相比 (不需要使用者手勢,且可在頁面載入時呼叫),使用者介面會更顯眼 (例如,置中和模態)。 - 使用其他帳戶:透過這個擴充功能,IdP 可讓使用者登入其他帳戶。
示範 | 追蹤錯誤 #370694829 | ChromeStatus.com 項目 | 規格
Android 和 WebView 的檔案系統存取權
這個 API 可讓開發人員建構功能強大的應用程式,透過裝置的檔案系統與使用者裝置上的其他 (非網頁) 應用程式互動。使用者授予網頁應用程式存取權後,這個 API 可讓應用程式直接讀取或儲存使用者選取的檔案和資料夾變更。除了讀取及寫入檔案之外,這個 API 還可開啟目錄並列舉其內容,以及在 IndexedDB 中儲存檔案和目錄句柄,以便日後重新存取相同內容。
檔案系統存取權在 Chrome 86 中於電腦上推出,在 Chrome 132 中則可在 Android 和 WebView 上使用。
檔案系統存取 API | 追蹤錯誤 #40091667 | ChromeStatus.com 項目 | 規格
WebAuthn Signal API
允許 WebAuthn 倚賴方將現有憑證的資訊傳送回憑證儲存空間提供者,以便更新或移除提供者和系統 UI 中的錯誤或已撤銷的憑證。
進一步瞭解 Chrome 電腦版密碼金鑰的 Signal API。
示範 | 追蹤錯誤 #361751877 | ChromeStatus.com 項目 | 規格
算繪和圖形
WebGPU:32 位元浮點紋理混合
float32-blendable
GPU 功能可讓 GPU 紋理以 r32float
、rg32float
和 rgba32float
格式進行混合。
追蹤錯誤 #369649348 | ChromeStatus.com 項目 | 規格
WebGPU:從 GPUDevice
公開 GPUAdapterInfo
GPUDevice adapterInfo
屬性會公開與 GPUAdapter
物件相同的 GPUAdapterInfo
。
追蹤錯誤 #376600838 | ChromeStatus.com 項目 | 規格
WebGPU:紋理檢視畫面用法
在 WebGPU 紋理檢視畫面建立作業中新增選用欄位,以便從來源紋理要求使用標記的子集。
根據預設,紋理檢視用途會繼承來源紋理,但有些檢視格式可能與完整的繼承用途不相容。在建立紋理檢視畫面時加入用途欄位,可讓使用者要求來源紋理的用途子集,這些用途必須與檢視畫面格式相符,並符合使用者對紋理檢視畫面的預期用途。
WebGPU 實作項目也可以在使用具有更多專用用途旗標的檢視畫面時,改善低階資源建立作業的效能,並提升效能。
追蹤錯誤 #363903526 | ChromeStatus.com 項目 | 規格
來源試用
使用魔法註解提供明確的編譯提示
這項功能可讓您附加資訊,說明應在 JavaScript 檔案中積極剖析及編譯哪些函式。系統會將資訊編碼為魔術符號註解。
Origin Trial | 說明 | 追蹤錯誤 #42203853 | ChromeStatus.com 項目
Document-Isolation-Policy
Document-Isolation-Policy
可讓文件為自身啟用 crossOriginIsolation
,無須部署 COOP 或 COEP,也不受網頁的 crossOriginIsolation
狀態影響。這項政策由程序隔離功能支援。此外,非 CORS 跨來源子資源的文件會在沒有憑證的情況下載入,或是需要有 CORP 標頭。
Origin Trial | 追蹤錯誤 #333029146 | ChromeStatus.com 項目 | 規格
淘汰和移除
navigator.storage
不再是 EventTarget
navigator.storage
是 Storage Pressure Event 的 EventTarget
,但從未通過原型階段。這個無效程式碼已遭移除,因此 navigator.storage
不會再延伸 EventTarget
。
移除附帶前置字串的 HTMLVideoElement
全螢幕 API
開頭為 HTMLVideoElement
的全螢幕 API 已從 Chrome 淘汰。
這些 API 已由 Element.requestFullscreen()
API 取代,後者於 2018 年首次在 Chrome 71 中推出未加上前置字元的版本。截至 2024 年,大多數瀏覽器已支援無前置字元的 API 好幾年了。
Chrome 132 已從 HTMLVideoElement
中移除以下項目:
webkitSupportsFullscreen
屬性。webkitDisplayingFullscreen
屬性。webkitEnterFullscreen()
方法。webkitExitFullscreen()
方法。請注意,FullScreen 中的「S」大小寫不同。webkitEnterFullScreen()
方法。webkitExitFullScreen()
方法。
這些方法現在只會做為新版 API 的別名使用。這些功能的使用率在過去幾年持續下滑。
延伸閱讀
想瞭解更多資訊嗎?請參考下列其他資源。