發布日期:2024 年 11 月 13 日
除非另有說明,否則下列變更適用於 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版。如要進一步瞭解下列功能,請點選提供的連結,或前往 ChromeStatus.com 查看清單。Chrome 132 版於 2024 年 11 月 13 日推出 Beta 版。如要下載最新版,請前往Google.com (電腦版) 或 Google Play 商店 (Android 版)。
CSS
這個版本新增了兩項 CSS 功能。
CSS 錨點定位:允許 anchor-size() 屬性中的 inset 和 margin 屬性
原本 anchor-size() 只能用於大小屬性,規格已變更,允許插邊和邊界使用 anchor-size()。
CSS sideways 寫入模式
支援 writing-mode CSS 屬性的 sideways-rl 和 sideways-lr 關鍵字。sideways-rl 和 sideways-lr 可協助直向撰寫非 CJK 文字。與 vertical-rl 和 vertical-lr 不同,這類字型沒有適合中日韓語言的行為。
網站 API
擷取所有畫面
使用 getAllScreensMedia() 擷取目前連線至裝置的所有螢幕。
多次呼叫 getDisplayMedia() 需要多次使用者手勢,每次都讓使用者選擇下一個畫面,且無法保證應用程式已選取所有畫面。getAllScreensMedia() 方法在上述各方面都有所提升。
這項功能僅適用於電腦版。
對話切換事件
瞭解 <dialog> 元素開啟和關閉的時間點很有幫助,而 popover 已經有 ToggleEvent,會在快顯視窗開啟或關閉時分派。先前,如要偵測 <dialog> 何時開啟,您必須註冊變動觀察程式來檢查開啟狀態,但這項作業相當繁瑣,如果使用事件會比較簡單。
這項變更會納入彈出式視窗調度的相同 ToggleEvent,但適用於 <dialog> 元素:呼叫 showModal 或 show 時,<dialog> 會調度含有 newState=open 的 ToggleEvent。<dialog> 關閉時 (使用表單、按鈕或 closewatcher),應會傳送含有 newState=closed 的 ToggleEvent。
元素擷取
假設透過現有方式取得影片 MediaStreamTrack 來啟動分頁擷取,Element Capture 可讓您變更軌跡,只擷取從指定元素開始的 DOM 子樹狀結構。
這項 API 與 Region Capture API 有些相似,但可為應用程式提供更大的彈性,因為遮蔽和被遮蔽的內容都會從擷取畫面中排除。
FedCM 授權功能
這個套件包含多項功能,可供身分識別提供者 (IdP) 實作授權流程,例如允許使用者將日曆存取權授予信賴方 (RP)。詳細說明:
- IdP 必須能夠顯示權限的自訂提示 (續傳 API)。
- RP 需要可擴充的方式,向 IdP 傳達要存取的內容 (參數 API)。
- RP 必須能夠自訂或隱藏提及 IdP 分享「姓名、電子郵件地址和個人資料相片」的文字,因為在這種情況下,他們要求的是不同的資訊 (Fields API)。
- IdP 可能想使用不同的端點來實作授權流程 (多個 configURL)。
- 某些帳戶可能只適用於其中一種驗證和授權流程,因此需要一種方法,在兩種流程中顯示不同帳戶 (帳戶標籤 API)。
FedCM 模式 API 和「使用其他帳戶」API
FedCM 的兩項新擴充功能:
- 模式:
active模式允許網站在按鈕點選動作中呼叫 FedCM (例如點選「登入 ID 提供者」按鈕),這需要 FedCM 保證一律會以可見的使用者介面回應。在主動模式下呼叫 FedCM API 時,如果使用者已登出,系統會將使用者導向識別資訊提供者 (IdP) 登入頁面。此外,由於主動模式是在明確的使用者手勢中呼叫,因此與被動模式的 UI 相比,主動模式的 UI 也更顯眼 (例如置中和模態),被動模式不需要使用者手勢,可在頁面載入時呼叫。 - 使用其他帳戶:透過這項擴充功能,IdP 可允許使用者登入其他帳戶。
擷取:Request.bytes() 和 Response.bytes()
在 Request 和 Response 介面中新增 bytes() 方法,該方法會傳回以 Uint8Array 解析的 Promise。雖然 Request 和 Response 都有 arrayBuffer() 方法,但您無法直接從緩衝區讀取內容。您必須建立檢視區塊 (例如 Uint8Array) 才能讀取。bytes() 方法可改善取得要求和回應主體的人體工學。
Android 和 WebView 的檔案系統存取權
開發人員可透過這個 API,使用裝置的檔案系統,建構與使用者裝置上其他 (非 Web) 應用程式互動的強大應用程式。使用者授予網頁應用程式存取權後,應用程式就能透過這項 API 直接讀取或儲存使用者所選檔案和資料夾的變更。除了讀取和寫入檔案,這個 API 還能開啟目錄並列舉內容,以及將檔案和目錄控制代碼儲存在 IndexedDB 中,以便稍後重新存取相同內容。
檔案系統存取權已在 Chrome 86 中推出,並於 Chrome 132 支援 Android 和 WebView。
忽略 localhost 的 Strict-Transport-Security
Strict-Transport-Security (STS) 回應標頭可能會對本機主機網頁伺服器造成問題,因為 STS 會套用至所有通訊埠的主機。這會導致網頁開發人員在本機測試時發生相容性問題。如果使用者使用軟體套件,且這些套件通常會基於暫時性原因啟動本機主機網路伺服器,也會受到影響。舉例來說,從網頁登入傳送驗證權杖至本機軟體套件。如果某個本機接聽程式在 localhost 回應中設定 Strict-Transport-Security,則無論通訊埠為何,所有後續的 localhost 要求都會套用這項設定。
Chrome 132 會忽略來自 localhost 網址的回應中的 Strict-Transport-Security 標頭,藉此解決這個問題。
可透過鍵盤聚焦的捲動容器
由於無障礙功能回歸,這項功能 (從 Chrome 130 開始) 的推出作業已停止。這個問題已修正,這項功能將隨著 Chrome 132 版繼續推出。
Private State Token API 權限政策預設允許清單萬用字元
Private State Token API 的存取權受權限政策功能限制。
Chrome 132 會將 private-state-token-issuance 和 private-state-token-redemption 功能的預設許可清單從 self 更新為 * (萬用字元)。
PushMessageData::bytes()
PushMessageData 介面會模擬 Body 介面,後者已於今年稍早修訂,新增了 bytes() 方法,遵循 API 一般應以 Uint8Arrays 形式販售位元緩衝區的原則。Chrome 132 會與 Body 介面重新對齊,在 PushMessageData 介面上提供 bytes() 存取子。
「sharedStorage.selectURL」中的已儲存查詢
sharedStorage.selectURL() 現在允許您儲存查詢,並在每個網頁上重複使用。系統會在您首次執行儲存的查詢時,收取兩個網頁載入預算,但如果是在同一個網頁載入期間重複執行儲存的查詢,則不會收費。方法是在 selectURL() 的選項中,使用 savedQuery 參數命名查詢。
針對非使用中文件內的彈出式視窗和對話方塊擲回例外狀況
先前,在非使用中文件內的彈出式視窗或對話方塊上呼叫 showPopover() 或 showModal() 時,系統會無聲無息地失敗。系統不會擲回例外狀況,但由於文件處於非使用中狀態,因此不會顯示任何彈出式視窗或對話方塊。從 Chrome 132 開始,這些情況現在會擲回 InvalidStateError。
WebAuthn Signal API
允許 WebAuthn 信賴方將現有憑證的相關資訊傳送回憑證儲存空間提供者,以便更新或移除提供者和系統 UI 中不正確或已撤銷的憑證。
進一步瞭解 Chrome 電腦版密碼金鑰的 Signal API。
WebGPU:32 位元浮點紋理混合
float32-blendable GPU 功能可讓格式為 r32float、rg32float 和 rgba32float 的 GPU 紋理混合。
WebGPU:從 GPUDevice 公開 GPUAdapterInfo
GPUDevice adapterInfo 屬性會公開與 GPUAdapter 物件相同的 GPUAdapterInfo。
WebGPU:紋理檢視畫面用量
在 WebGPU 紋理檢視區塊建立作業中新增選用欄位,要求來源紋理的用法旗標子集。
根據預設,紋理檢視區塊的使用情形會從來源紋理繼承,但檢視區塊格式可能與整組繼承的使用情形不相容。在建立紋理檢視區塊時新增使用欄位,可讓使用者要求來源紋理的用法子集,這些用法必須符合檢視區塊格式,且適用於紋理檢視區塊的預期用途。
WebGPU 實作項目也能最佳化低階資源的建立作業,並在使用具有更多專用使用旗標的檢視區塊時提升效能。
新的來源試用
在 Chrome 132 中,您可以選擇加入下列新的來源試用。
Document-Isolation-Policy
Document-Isolation-Policy 可讓文件自行啟用 crossOriginIsolation,不必部署 COOP 或 COEP,也不受網頁的 crossOriginIsolation 狀態影響。這項政策以程序隔離為基礎。此外,文件非 CORS 跨源子資源會載入但不含憑證,或需要有 CORP 標頭。
使用魔術註解提供明確的編譯提示
這項功能可讓您附加資訊,說明應在 JavaScript 檔案中搶先剖析及編譯哪些函式。這項資訊會編碼為魔法註解。
淘汰和移除
這個版本的 Chrome 導入了下列淘汰和移除項目。 如要查看預計淘汰、目前淘汰和先前移除的項目清單,請前往 ChromeStatus.com。
這個版本的 Chrome 移除了兩項功能。
navigator.storage不再是 EventTarget
navigator.storage,但從未通過原型階段。EventTarget系統會移除這段無效程式碼,因此 navigator.storage 不會再擴充 EventTarget。
移除附帶前置字串的 HTMLVideoElement 全螢幕 API
Chrome 已淘汰附帶前置字串的 HTMLVideoElement 全螢幕 API
這些 API 已由 Element.requestFullscreen() API 取代,後者於 2018 年在 Chrome 71 中首次發布,且沒有前置字元。自 2024 年起,大多數瀏覽器已支援無前置字元的 API 數年。
Chrome 132 會從 HTMLVideoElement 移除下列項目:
webkitSupportsFullscreen屬性。webkitDisplayingFullscreen屬性。webkitEnterFullscreen()方法。webkitExitFullscreen()方法。請注意 FullScreen 中「S」的大小寫不同。webkitEnterFullScreen()方法。webkitExitFullScreen()方法。
這些方法現在只是新版 API 的別名。使用率逐年下降。