Chrome 126

穩定版發布日期：2024 年 6 月 11 日

除非另有註明，否則下列異動適用於 Android、ChromeOS、Linux、macOS 和 Windows 的 Chrome 126 穩定版。

CSS

同源導覽的跨文件檢視畫面轉場

先前，您必須將網站重新架構為 SPA，才能使用 View Transitions API。不過現在已非如此。現在，同源導覽預設會啟用檢視畫面轉換。您可以在兩個不同的同源文件之間建立檢視畫面轉場效果。

如要啟用跨文件檢視畫面轉場效果，兩端都必須選擇加入。做法是使用 @view-transition at 規則，並將 navigation 描述元設為 auto。

@view-transition {
  navigation: auto;
}

跨文件檢視畫面轉場效果與同文件檢視畫面轉場效果，使用相同的建構模塊和原則。系統會擷取已套用 view-transition-name 的元素，您可以使用 CSS 動畫自訂動畫。

使用 View Transition API 順暢轉換 | 追蹤錯誤 #1372584 | ChromeStatus.com 項目 | 規格

網站 API

Gamepad API trigger-rumble 擴充功能

擴充 GamepadHapticActuator 介面，在網路上為相容的遊戲手把提供觸發震動功能。這項擴充功能可讓採用 Gamepad API 的網頁應用程式，在具備這項功能的遊戲手把裝置上震動扳機。

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

ChromeOS 分頁式網頁應用程式

在獨立視窗中，PWA 一次只能開啟一個頁面。 有些應用程式預期使用者會同時開啟多個頁面。分頁模式會在 ChromeOS 的獨立網頁應用程式中加入分頁條，讓使用者一次開啟多個分頁。

這項功能會新增 "tabbed" 顯示模式和資訊清單欄位，以便自訂分頁列。

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

GeolocationCoordinates 和 GeolocationPosition 的 toJSON() 方法

將 .toJSON() 方法新增至 GeolocationCoordinates 和 GeolocationPosition 介面。這樣就能使用 JSON.stringify() 序列化這些物件。

ChromeStatus.com 項目

WebGLObject Web IDL 超級介面

這項功能會在 WebGL API 顯示的相同情境中 (主執行緒和 worker)，顯示 WebGLObject 類型。

ChromeStatus.com 項目 | 規格

重新啟用 CloseWatcher API，並關閉 <dialog> 和 popover="" 的要求

CloseWatcher API 可讓您以統一的方式處理關閉要求，例如電腦平台上的 ESC 鍵，或 Android 上的返回手勢或按鈕。這項功能最初是在 Chrome 120 中推出，但因與 <dialog> 發生非預期的互動而停用。在 Chrome 126 中，我們對這項功能進行了一些改善，盡可能減少問題，並重新啟用。

示範 | 追蹤錯誤 #1171318 | ChromeStatus.com 項目

Attribution Reporting API：attributionsrc 要求的參照網址政策

attributionsrc 要求的處理方式與頁面上的其他子資源相同。

先前，如果透過各種 HTML 元素 (例如 <img>、<script>、<a> 或 window.open) 的 attributionsrc 屬性呼叫 API，API 會忽略 <html> 元素上設定的資源層級參照網址政策屬性。

這項異動生效後，attributionsrc 要求將套用 <img>、<script>、<a> 或 window.open 中設定的相同資源層級參照網址政策。

這樣一來，廣告技術供應商就能進一步控管是否要對 attributionsrc 要求的參照網址資訊採取更嚴格或更寬鬆的限制。

ChromeStatus.com 項目

媒體

MediaRecorder 支援 MP4 容器

新增支援功能，可使用 MediaRecorder 將音訊和影片多工處理至 MP4 容器。

MediaRecorder | ChromeStatus.com 項目 | 規格

OpusEncoderConfig signal 和 application 參數

OpusEncoderConfig.signal 和 OpusEncoderConfig.application 參數會直接對應至實作專屬的編碼器旋鈕。這可讓網頁作者提供提示，說明編碼的資料類型，以及資料的使用情境。

signal 可以是 "auto"、"music"、"voice" 其中之一。這項設定會調整編碼器，以最佳效能編碼指定類型的資料。application 可以是 "voip"、"audio"、"lowdelay" 其中之一。這項設定會調整編碼器，優先考量語音清晰度、忠實重現原始輸入內容，或盡可能縮短延遲時間。

ChromeStatus.com 項目 | 規格

JavaScript

visualViewport onscrollend 支援

scrollend JavaScript 事件會觸發，表示捲動操作已結束。

visualViewport 介面包含 onscrollend 事件處理常式，應在 visualViewport 上的捲動作業結束時叫用。Chrome 已支援透過 visualViewport.addEventListener("scrollend") 新增 scrollend 事件監聽器。這只是讓您也能使用 visualViewport.onscrollend 新增事件監聽器。

追蹤錯誤 #325307785 | ChromeStatus.com 項目

隱私權

讓 navigator.cookieEnabled 與規格保持一致

navigator.cookieEnabled 目前會指出「使用者代理程式是否嘗試在特定情境中處理 Cookie」。Chrome 的異動 (在淘汰第三方 Cookie (3PCD) 的過程中推出) 會導致該屬性指出是否可存取未分區 Cookie (在大多數跨網站 iframe 中傳回 false)。我們應還原 navigator.cookieEnabled 先前的行為，只指出網站是否啟用 Cookie，並依賴跨供應商函式 document.hasStorageAccess 指出是否可存取未分區 Cookie。

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

無障礙設定

支援 Windows 上的 UI 自動化無障礙架構

Microsoft Windows 上的新式輔助應用程式會使用平台的 UI 自動化無障礙架構，與其他應用程式的使用者介面互通。Chromium 過去支援舊版 Microsoft Active Accessibility (MSAA) 和 IAccessible2 (IA2) 架構，導致 Windows 上的無障礙工具發生問題。

為解決這個問題，Microsoft 與 Chrome 團隊合作，直接在 Windows 上支援 UI 自動化 (UIA) 架構，讓無障礙工具更容易與瀏覽器通訊。我們將從 Chrome 126 版開始，逐步推出穩定版。這項設定可讓 Voice Access 在所有 Chromium 瀏覽器中運作，並提升所有 UIA 無障礙工具 (例如「朗讀程式」和「放大鏡」) 的使用者體驗。

Windows 推出 UIA 支援

新來源試用

FedCM 做為 Storage Access API 的信任信號

整合 FedCM 和 Storage Access API，將先前的 FedCM 授權視為自動核准儲存空間存取要求的有效理由。

當使用者授予權限，允許在依賴方 (RP) 上使用第三方識別資訊提供者 (IdP) 的身分時，許多 IdP 需要第三方 Cookie 才能正確且安全地運作。這項提案旨在更新 Storage Access API (SAA) 權限檢查，除了接受儲存空間存取權提示授予的權限，也接受 FedCM 提示授予的權限，以私密且安全的方式滿足這項需求。

這項機制的主要特性是，僅限 RP 透過 FedCM 權限政策明確允許的情況，才能授予權限，對 RP 實施每框架控制，並防止 IdP 進行被動監控，超出 FedCM 已授予的功能。

來源試用 | 說明 | ChromeStatus.com 項目

選擇不採用媒體預覽

這項反向來源試用會排除媒體預覽功能推出時的網站。

網站要求攝影機和麥克風權限時，Chrome 會提供攝影機和麥克風輸入內容的即時預覽畫面。你也可以在網站的網頁資訊中找到這些資訊。

此外，除非網站透過 getUserMedia() 要求特定裝置，否則擁有多部裝置的使用者可在系統要求權限時選取攝影機和麥克風。

來源試用 | 追蹤錯誤 #330762482 | ChromeStatus.com 項目

FedCM：Continuation API、Parameters API、Fields API、多個 configURL、自訂帳戶標籤

開發人員可以開始參與電腦版 FedCM 功能組合的來源試用，其中可能包含授權。這個套件包含 FedCM Continuation API、Parameter API、Fields API、多個 configURL 和自訂帳戶標籤。這可提供類似 OAuth 授權流程的體驗，包括 IdP 提供的權限對話方塊。

追蹤錯誤 #40262526 | ChromeStatus.com 項目

頁面嵌入式權限控制項

提供與權限流程互動的新 HTML 元素。

目前，權限提示會直接由 JavaScript 觸發，使用者代理程式不會收到任何使用者意圖的強烈信號。在內容中加入元素，讓使用者觸發權限流程，不僅能改善權限提示的使用者體驗，還能為網站提供從「拒絕」權限狀態復原的路徑。

ChromeStatus.com 項目

淘汰和移除

淘汰並移除匯入斷言「assert」語法

淘汰並移除 assert 關鍵字，改用匯入屬性語法中的新 with 關鍵字。

也就是說，import m from 'foo' assert { type: 'json' } 現在會擲回 SyntaxError，開發人員必須改用 import m from 'foo' with { type: 'json' }。

ChromeStatus.com 項目 | 規格

其他資訊

想瞭解更多資訊嗎？歡迎參考下列其他資源。

下載 Google Chrome

下載 Android、電腦或 iOS 版 Chrome。