Chrome 125

穩定版發布日期:2024 年 5 月 14 日

除非另有註明,否則下列變更適用於 Chrome 125 穩定版 Android、ChromeOS、Linux、macOS 和 Windows 的最新版本。

HTML 和 DOM

宣告式陰影 DOM 序列化

這項功能可讓開發人員序列化含有影子根的 DOM 樹狀結構。 HTML 標準近期標準化

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

CSS

CSS 錨定位置

CSS 錨定位置可讓開發人員「共用」絕對位置的元素 透過宣告式方式與網頁上的一或多個其他元素 (錨點) 互動 而不必使用 JavaScript如果 錨定標記可捲動。常見的用途是將彈出式視窗位置 工具提示,或是選取選單及其彈出式視窗 或選項清單錨定定位功能推出前,需要完成這些用途 以動態方式調整彈出式視窗的 JavaScript,然後固定在 叫用元素時捲動了,這不但適合精度運動,而且不容易 正確做法。使用錨定位置時,可實現以下用途 讓您以宣告性和宣告性

錨定定位功能包含大量 CSS 屬性。A 罩杯 幾個主要屬性如下:

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

隆重推出 CSS 錨定定位 API | 追蹤錯誤 #40059176 | ChromeStatus.com 項目 | 規格

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

階梯值函式 round()mod()rem(),則所有指定的轉換 設定為另一個「步驟價值」的值。

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

mod() CSS 函式會在第一個參數為 與 JavaScript 餘數運算子類似 (%).模數是指一個運算元 (亦即被除數) 時剩餘的值。 除以第二個運算元,即除數。它一律需要 除號

rem() CSS 函式會在第一個參數時,傳回剩餘的餘數 與 JavaScript 餘數運算子類似 (%).餘數是指當一個運算元 (亦即被除數) 時,剩餘的值是 除以第二個運算元,即除數。它一律需要 除以被除數

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

CSS 自訂 :state() 的新語法

CSS 自訂狀態可讓自訂元素顯示自己的虛擬類別。 語法現已在 CSSWG 中指定,而 Chrome 125 現在支援新的 語法 :state(foo)。這項變更會在 Chrome 視窗中顯示 同時支援舊版語法 (:--foo) 和新的語法,因此網站 請切換為新版

ChromeStatus.com 項目 | 規格

移除 Oklab 和 Oklch 色彩的不連續性,亮度將近 100% 或 0

在這項變更之前,所有研究室、LCH、Oklab 以及 Oklch 顏色搭配亮度值 的 100% 都是白色,無論其他兩個參數為何。所有語言 在這些空間中,亮度值為 0 的色彩會算繪為黑色。這些 兩個對應造成漸層不連貫,而且出乎意料 開發人員。

有了這項復原功能,系統就不會再以人工方式對應這些顏色, 結果的顯示色彩會與附近色彩連續,並取決於 螢幕的全向對應。

ChromeStatus.com 項目 | 規格

使用色彩配置根捲軸

讓瀏覽器根據使用者偏好的色彩配置轉譯可視區域 捲軸 (如果值為「網頁支援的色彩配置」)為「正常」或不等於 運算值 color-scheme敬上 的根元素為 normal系統可能會將可視區域捲軸視為 移植到網路內容之外因此,使用者代理程式應尊重使用者的 算繪可視區域捲軸時的偏好色彩配置 (如果開發人員有使用 未明確指定支援色彩配置。

這項變更並不會妨礙開發人員控制 捲軸新的行為使瀏覽器採用使用者的偏好 僅在開發人員需要時才轉譯可視區域非重疊捲軸的色彩配置 尚未指定根元素的色彩配置。

名稱 | 追蹤錯誤 #40259909 | ChromeStatus.com 項目 | 規格

view-transitions 類別

全新的 CSS 屬性 view-transition-class 可讓您 請指定一或多個檢視畫面轉換類別。接著就能選取 使用這些類別的 ViewTransition 虛擬元素,例如 ::view-transition-group(*.class)

這是 ViewTransition API 的擴充功能 可簡化檢視區塊轉換虛擬元素的樣式 可簡化一般 DOM 元素的樣式

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

載入中

在建構 WebSocket 時接受 HTTP 和 HTTPS 網址

這項更新會在 WebSocket 建構函式中啟用 HTTP 和 HTTPS 配置, 因此,開發人員也可以使用相對網址這些數值會正規化為 ws:wss: 內部配置。

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

網站 API

Attribution Reporting API 的其他功能

Attribution Reporting API 加入功能以建立 透過剖析失敗的偵錯報表來進行偵錯,改善 API 支援欄位指定偏好的登記平台 進一步保護隱私權

ChromeStatus.com 項目

Compute Pressure API

Compute Pressure API 提供 代表系統上 CPU 負載的高階狀態這樣就能 使用正確的基礎硬體指標來確保使用者 可以充分運用所有可用的處理能力 系統沒有可以管理的壓力

Intel 主導了這個 API 的設計與實作工作。 讓視訊會議應用程式動態平衡功能 才需進行

Compute Pressure API | 追蹤錯誤 #40683064 | ChromeStatus.com 項目 | 規格

這會啟動建議的 Storage Access API 擴充功能 (反向操作) 相容,並持續在來源試用階段) 允許存取未分區 Cookie 而非 Cookie 儲存空間目前的 API 僅提供 存取 Cookie,有別於 Cookie 儲存用途。

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

ID 斷言端點的 FedCM CORS 規定

由於屬性的關係,在 FedCM API 中擷取資料並不容易 所需的程式碼關於帳戶目前的回應持續討論中 ID 斷言端點 使用 CORS本次更新可讓這項擷取作業的安全性屬性更接近 網路平台中的其他擷取作業。

FedCM 更新:Button Mode API 來源試用、CORS 和 SameSite | 追蹤錯誤 #40284123 | ChromeStatus.com 項目

FedCM 現在會使用 CORS 來傳送 ID 斷言要求。這代表 Chrome 不再傳送 SameSite=Strict Cookie 至 ID 斷言端點 Chrome 仍會傳送 SameSite=None。這種做法很合理 為帳戶端點和 ID 斷言 此變更可使這些容器保持一致

不傳送 SameSite=Strict 個 Cookie 也與 requestStorageAccess 項行為 以及跨網站要求

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

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

Chrome 允許取消滑鼠移動事件,避免文字等其他 API 選擇 (甚至過去拖放操作)。這不符合其他 瀏覽器;也不符合 UI 事件規格現在選取文字不會 視為滑鼠移動的預設動作更長選取文字及拖曳 取消 selectstartdragstart 活動後,仍會阻止 。

這項功能將自 Chrome 125 起逐步推出,預計將在何時推出 。

示範 | 追蹤錯誤 #40078978 | ChromeStatus.com 項目 | 規格

規則運算式修飾符

規則運算式修飾符可讓您在本機修改 im、 和s標記進入模式

如要為子運算式啟用標記,請使用 (?X:subexpr),其中 X 為以下其中一項: ims。如要停用子運算式的標記,請使用 (-X:subexpr)

舉例來說,如果是不區分大小寫的 i 標記:

const re1 = /^[a-z](?-i:[a-z])$/i;
re1.test("ab"); // true
re1.test("Ab"); // true
re1.test("aB"); // false

const re2 = /^(?i:[a-z])[a-z]$/;
re2.test("ab"); // true
re2.test("Ab"); // true
re2.test("aB"); // false

ChromeStatus.com 項目 | 規格

規則運算式重複了已命名的擷取群組

建立重複的已命名擷取群組後,即可使用相同的擷取群組名稱 各種替代方案範例說明

const re = /(?<year>[0-9]{4})-[0-9]{2}|[0-9]{2}-(?<year>[0-9]{4})/;

在這種情況下,year 適用於第 1 個替代方式 ((?<year>[0-9]{4})-[0-9]{2}), 或第 2 個替代項目 ([0-9]{2}-(?<year>[0-9]{4}))。

ChromeStatus.com 項目 | 規格

Chrome 應用程式

Chrome 應用程式中的 Direct Sockets API

這項更新可協助使用者輕鬆從 Chrome 應用程式 在 Chrome 應用程式中啟用 Direct Sockets 以允許網頁應用程式,藉此隔離網頁應用程式 建立直接傳輸控制通訊協定 (TCP) 和使用者資料元通訊協定 (UDP) 與網路裝置與系統通訊。

ChromeStatus.com 項目 | 規格

新來源試用

FedCM 按鈕 Mode API 及其他 Account API

此來源試用包含下列兩個 FedCM API。

Button Mode API 可讓網站在點選按鈕時呼叫 FedCM,例如 點選「Sign-in to IdP」按鈕。這需要 FedCM 保證 一律會以可見的使用者介面回應,而非小工具模式。 畫面中不會顯示使用者介面在以下位置呼叫 FedCM API: 按鈕模式會將使用者導向 IdP (在對話方塊視窗中), 。

此外,因為系統會在明確的情況下呼叫按鈕模式 使用者介面可能也更加顯眼 (例如置中和強制回應) 與小工具模式的使用者介面相比 (沒有如此明確的 個人意圖)。進一步瞭解 Button Mode API 在 FedCM 更新:Button Mode API 來源試用、CORS 和 SameSite

使用 Other Account API 可讓識別資訊提供者允許使用者登入 和其他帳戶

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

摺疊式 API

此來源試用包含 Device Posture API 和可視區域區隔 Enumeration API。這些 API 旨在協助開發人員鎖定摺疊式裝置 裝置。

來源試用 | 折疊式 API 的來源試用 | ChromeStatus.com 項目 | 規格

針對附帶前置字串的 HTMLVideoElement 全螢幕屬性和方法停用試用

您可透過此淘汰試用計畫,重新取得前置字串的支援 HTMLVideoElement 屬性和方法, 再也不是件繁重乏味的工作

來源試用 | ChromeStatus.com 項目

略過預先載入掃描

略過預先載入掃描器直接探索 針對沒有擷取子資源的網頁,權衡效能。

預先載入掃描器步驟可改善含有子資源的頁面效能 並透過推測式預先擷取的方式進行擷取。不過,如果是網頁 但如果是沒有子資源的網頁 這種狀況會增加,但沒什麼好處

對於希望以減少負擔而受益的進階網路使用者來說 實驗提供網頁層級的控制項,讓您停用預先載入掃描器。資料 評估根據實驗結果收集的 API HTML 預先載入掃描器的實作也會有所幫助。

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

淘汰和下架

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

移除「window-placement」權限和權限政策的別名 「window-management」。這是為了讓字串更名為 最終 淘汰並移除「window-placement」。 詞彙異動能像 Window 一樣,改善描述元的壽命 Management API 會隨著時間不斷進步。

名稱 | 追蹤錯誤 #40842072 | ChromeStatus.com 項目 | 規格

移除 Enterprise 政策:NewBaseUrlInheritanceBehaviorAllowed

基礎程式碼變更 (啟用新的基礎網址繼承行為) 自 8 月以來,我們在穩定版中啟用企業政策覆寫功能 2023 (Chrome 118)。既然我們已處理已知問題,這個企業 政策已在 Chrome 125 版中移除。

ChromeStatus.com 項目

移除附帶前置字串的 HTMLVideoElement 全螢幕屬性和方法

附帶前置字串的 HTMLVideoElement 全螢幕 API 已於 之後淘汰 Chrome 38。這些位置已由 Element.requestFullscreen() 取代 2018 年,

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

  • webkitSupportsFullscreen
  • webkitDisplayingFullscreen
  • webkitEnterFullscreen()
  • webkitExitFullscreen()
  • webkitEnterFullScreen() (請注意,「S」這個大小寫格式會因 FullScreen)
  • webkitExitFullScreen()

註冊本文列出的淘汰試用期 (如有) 網站仍仰賴這些項目,因此需要更多時間更新程式碼。

ChromeStatus.com 項目

延伸閱讀

想瞭解更多資訊嗎?歡迎參考下列額外資源。

下載 Google Chrome

下載 Chrome 版 Android電腦,或 iOS