Chrome 125 Beta 版

除非另有說明,否則下列變更適用於 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版。如要進一步瞭解此處所列功能,請透過我們提供的連結或 ChromeStatus.com 的清單。Chrome 125 已於 2024 年 4 月 17 日推出 Beta 版。您可以前往 Google.com 電腦版網站,或使用 Android 裝置前往 Google Play 商店下載最新版本。發布到穩定版後,您可以在版本資訊中找到所有涵蓋的功能。

CSS

這個版本新增了兩項 CSS 功能,並做出兩項 CSS 相關變更。

CSS 錨定位置

CSS 錨定定位可讓開發人員「網路」以宣告方式將絕對位置元素放置在頁面上的一或多個元素 (「錨定標記」),而不必使用 JavaScript。錨點可捲動時,錨點定位的運作成效顯著。常見的用途是在叫用彈出式視窗的元素旁邊顯示工具提示,或是特定選單及其彈出式選項清單。在錨定定位功能推出之前,這些用途需要使用 JavaScript 以動態方式定位彈出式視窗,並在叫用叫用元素時將其錨定在捲動位置,這是一種效能導向目標,難以正確執行。使用錨點定位時,能以宣告方式有效地實作這些用途。

錨定定位功能包含大量 CSS 屬性。以下是幾個主要屬性:

  • anchor-name:將元素設為其他元素的錨定元素。
  • position-anchor:說明錨定元素應用於錨定位置的「預設」錨點。
  • anchor() 函式:用於參照錨定元素的位置,指定錨定元素的位置。
  • inset-area:用於定位的簡寫,用於一般相對位置。

CSS 逐步值函式:round()mod()rem()

分階值函式 (round()mod()rem()) 都會根據另一個「步驟值」轉換指定值。

round() CSS 函式會根據所選的捨入策略傳回四捨五入的數字。

mod() CSS 函式會在第一個參數除以第二個參數 (%) 時,傳回剩餘的模數,類似於 JavaScript 餘數運算子 (%)。它一律會拿除程序的正負號。

rem() CSS 函式會在第一個參數除以第二個參數時傳回剩餘的餘數,這點與 JavaScript 餘數運算子 (%) 類似。餘數是當運算元 (除數) 除以第二個運算元時的剩餘值,再除以第二個運算元 (除數)。它一律會取得分隔線的正負號。

移除 Oklab 和丹麥顏色的中斷功能,亮度將近 100% 或 0

在這項變更之前,無論另外兩個參數為何,亮度值為 100% 的所有 Lab、LCH、Oklab 和 Oklch 顏色均顯示為白色。這些空間的所有亮度值為 0 都會以黑色呈現。這兩個對應導致漸層出現中斷,網頁開發人員也沒想到這一點。

在這個復原作業中,這些顏色不再以人為方式對應,因此顯示的顏色將會與鄰近顏色保持一致,並取決於螢幕的色域對應。

使用色彩配置根捲軸

如果「網頁支援的色彩配置」的值為「一般」或未指定,且根元素的 color-scheme 運算值為 normal,則瀏覽器一律使用使用者偏好的色彩配置算繪可視區域捲軸。可視區域捲軸可視為網頁內容外。因此,如果開發人員未明確指定支援色彩配置,則使用者代理程式在算繪可視區域捲軸時,應遵循使用者偏好的色彩配置。

這項變更不會阻止開發人員控管捲軸的色彩配置。只有在開發人員未指定根元素的色彩配置時,新行為會讓瀏覽器根據使用者偏好的色彩配置,算繪可視區域的非疊加層捲軸。

HTML

可聚焦鍵盤的捲動容器

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

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

這是從 Chrome 124 開始的推出作業,預計適用於所有 Chrome 125 使用者。進一步瞭解鍵盤可聚焦捲動器

宣告式陰影 DOM 序列化

這項功能可讓開發人員序列化內含陰影根的 DOM 樹狀結構,且經過 HTML 標準最近標準化處理。

網站 API

Attribution Reporting API 新增項目

為 Attribution Reporting API 新增功能,可支援剖析失敗偵錯報表,藉此建立其他偵錯功能、支援指定偏好的註冊平台,並改善 API 人體工學。

Compute 壓力 API

Compute Pressure API 可以提供代表系統 CPU 負載的高階狀態。可讓實作方式使用正確的基礎硬體指標,確保在系統不易管理的壓力下,使用者也能充分運用可用的所有處理能力。Intel 主導了這個 API 的設計和實作工作,可讓視訊會議應用程式動態平衡功能與效能。

建構 WebSocket 時接受 HTTP(S) 網址

這項更新會在 WebSocket 建構函式中啟用 HTTP(s) 配置,因此開發人員可使用相對網址。這類網址會標準化為 ws:wss: 內部配置。

這樣做會啟動 Storage Access API 提議的擴充功能 (回溯相容且已處於來源試用階段),以便在第三方環境中存取未分區的 Cookie 和非 Cookie 儲存空間。目前的 API 只會提供 Cookie 存取權,用途與非 Cookie 儲存空間不同。

針對 ID 斷言端點的 FedCM CORS 要求

FedCM API 中的擷取作業因為具有必要屬性而難以理解。雖然有關於帳戶端點的持續討論,但在大部分的情況下也都認同 ID 斷言端點應使用 CORS。這項更新可讓這項擷取作業的安全屬性與網路平台中的其他擷取作業更吻合。如要進一步瞭解 CORS 規定的運作方式,請參閱 FedCM 更新:Button Mode API 來源試用、CORS 和 SameSite

可互通的滑鼠移動預設動作

Chrome 允許取消滑鼠移動事件,以免發生文字選取 (甚至是過去拖曳) 等其他 API。這不會與其他主要瀏覽器相符;也不符合 UI 事件規格。現在,文字選取功能將不再是滑鼠移動的預設動作。但透過分別取消 selectstartdragstart 事件仍可避免文字選取和拖曳。

Shared Storage API 更新內容

本次更新加入了對執行跨來源 Worklet 的支援,讓您不必建立 iframe。

Chrome 應用程式

Chrome 應用程式中的 Direct Sockets API

本次更新能在 Chrome 應用程式中啟用直接通訊端,讓網頁應用程式建立與網路裝置和系統的直接傳輸控制通訊協定 (TCP) 和使用者資料語法通訊協定 (UDP) 通訊,協助順利從 Chrome 應用程式轉換至獨立網頁應用程式。

新來源試用

自 Chrome 125 版起,您可以選擇啟用下列新的來源試用功能。

FedCM 按鈕模式 API 和使用其他 Account API

這項來源試用包含以下兩個 FedCM API。

Button Mode API 可讓網站在點選按鈕 (例如點選 [登入 IdP] 按鈕) 時呼叫 FedCM。這需要 FedCM 來確保其回應一律會顯示可見的使用者介面,而非小工具模式,而小工具模式不會在使用者登出時顯示 UI。在按鈕模式中呼叫 FedCM API 時,系統會在使用者登出時登入 IdP。

此外,由於系統會在使用者明確手勢中呼叫按鈕模式,因此與使用小工具模式的 UI (沒有這類明確意圖) 相比,UI 也可能更顯眼 (例如置中和強制回應)。如要進一步瞭解 Button Mode API 的運作方式,請參閱 FedCM 更新:Button Mode API 來源試用、CORS 和 SameSite

識別資訊提供者可讓使用者登入其他帳戶。

註冊 FedCM 來源試用

折疊式 API

此來源試用包含 Device Posture API 和 ViewportSegment Enumeration API。這些 API 旨在協助開發人員鎖定折疊式裝置。詳情請參閱折疊式 API 的來源試用

註冊折疊式 API 來源試用

選擇不採用媒體預覽功能

此反向來源試用將排除網站。

Chrome 的目標是在網站要求相機和麥克風權限時,提供攝影機和麥克風輸入的即時預覽。您也可以在網站的網頁資訊中找到這些資訊。

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

這項功能正在與其他權限相關專案「頁面嵌入權限控制」(PEPC) 一起開發。系統會按照獨立的啟動程序,向使用者顯示 PEPC,這涉及獨立的來源試用或網站特定實驗。

淘汰試用前置字串的 HTMLVideoElement 全螢幕屬性和方法

此淘汰試用計畫可讓您有更多時間調整程式碼,改回支援前置字串的 HTMLVideoElement 屬性和方法。如需已移除屬性和方法的完整詳細資料,請參閱「淘汰和移除」下方。

報名參加預先固定的影片全螢幕 API 淘汰試用計畫

略過預先載入掃描程序

略過預先載入掃描器,針對沒有擷取子資源擷取的網頁查看效能取捨。

預先載入掃描器步驟可透過實作推測性預先擷取功能,對含有子資源擷取的網頁提高效能。不過,對於不適合此步驟的網頁,也就是對於沒有子資源的網頁,這會產生額外的處理負擔,而且幾乎不會帶來任何好處。

對於想要減少這類負擔的進階網路使用者而言,這項實驗提供了頁面層級控制項,方便您停用預先載入掃描器。從這項實驗收集到的資料可以評估,確認修改後的 API 或 HTML 預先載入掃描器的其他實作方式是否有幫助。

註冊略過預先載入掃描來源試用

淘汰和移除

請造訪 ChromeStatus.com,取得預定淘汰項目、目前淘汰和先前移除項目的清單。

這個版本的 Chrome 移除了以下三項功能。

移除權限和權限政策「window-management」的「window-placement」別名

移除權限和權限政策「window-management」的「window-placement」別名。這個步驟是為了藉由淘汰並移除「window-placement」移除,重新命名字串。Window Management API 會隨時間不斷演進,而術語變更則可改善描述元的持續性。

移除企業政策:NewBaseUrlInheritanceBehaviorAllowed

自 2023 年 8 月 (118.0.5966.0) 起,這項企業政策覆寫功能已在穩定版中啟用基礎程式碼變更 (啟用新的基本網址沿用行為)。由於已處理已知問題,因此這項企業政策將在 Chrome 125 版中移除。

移除前置字元的 HTMLVideoElement 全螢幕屬性和方法

前置字串的 HTMLVideoElement 全螢幕 API 已於 Chrome 38 版淘汰,並由 Element.requestFullscreen() 取代,後者首度在 Chrome 71 版中自 2018 年推出。

下列屬性和方法將從 HTMLVideoElement 中移除:

  • webkitSupportsFullscreen
  • webkitDisplayingFullscreen
  • webkitEnterFullscreen()
  • webkitExitFullscreen()
  • webkitEnterFullScreen() (請注意 FullScreen 中「S」的大小寫不同)
  • webkitExitFullScreen()

如果您的網站仍在使用,而您需要更多時間更新程式碼,歡迎註冊本文列出的淘汰試用計畫。