穩定版發布日期: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
) 和新的語法,因此網站
請切換為新版
移除 Oklab 和 Oklch 色彩的不連續性,亮度將近 100% 或 0
在這項變更之前,所有研究室、LCH、Oklab 以及 Oklch 顏色搭配亮度值 的 100% 都是白色,無論其他兩個參數為何。所有語言 在這些空間中,亮度值為 0 的色彩會算繪為黑色。這些 兩個對應造成漸層不連貫,而且出乎意料 開發人員。
有了這項復原功能,系統就不會再以人工方式對應這些顏色, 結果的顯示色彩會與附近色彩連續,並取決於 螢幕的全向對應。
使用色彩配置根捲軸
讓瀏覽器根據使用者偏好的色彩配置轉譯可視區域
捲軸 (如果值為「網頁支援的色彩配置」)為「正常」或不等於
運算值
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 支援欄位指定偏好的登記平台 進一步保護隱私權
Compute Pressure API
Compute Pressure API 提供 代表系統上 CPU 負載的高階狀態這樣就能 使用正確的基礎硬體指標來確保使用者 可以充分運用所有可用的處理能力 系統沒有可以管理的壓力
Intel 主導了這個 API 的設計與實���工作。 讓視訊會議應用程式動態平衡功能 才需進行
Compute Pressure API | 追蹤錯誤 #40683064 | ChromeStatus.com 項目 | 規格
將 Storage Access API (SAA) 擴充至非 Cookie 儲存空間
這會啟動建議的 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 憑證要求不再傳送 SameSite=Strict Cookie
FedCM 現在會使用 CORS 來傳送 ID 斷言要求。這代表 Chrome
不再傳送 SameSite=Strict
Cookie 至 ID 斷言端點
Chrome 仍會傳送 SameSite=None
。這種做法很合理
為帳戶端點和 ID 斷言
此變更可使這些容器保持一致
不傳送 SameSite=Strict
個 Cookie 也與
requestStorageAccess
項行為
以及跨網站要求
追蹤錯誤 #329145816 | ChromeStatus.com 項目 | 規格
可互通的滑鼠移動預設動作
Chrome 允許取消滑鼠移動事件,避免文字等其他 API
選擇 (甚至過去拖放操作)。這不符合其他
瀏覽器;也不符合 UI 事件規格現在選取文字不會
視為滑鼠移動的預設動作更長選取文字及拖曳
取消 selectstart
和 dragstart
活動後,仍會阻止
。
這項功能將自 Chrome 125 起逐步推出,預計將在何時推出 。
示範 | 追蹤錯誤 #40078978 | ChromeStatus.com 項目 | 規格
規則運算式修飾符
規則運算式修飾符可讓您在本機修改 i
、m
、
和s
標記進入模式
如要為子運算式啟用標記,請使用 (?X:subexpr)
,其中 X
為以下其中一項:
i
、m
或 s
。如要停用子運算式的標記,請使用 (-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
規則運算式重複了已命名的擷取群組
建立重複的已命名擷取群組後,即可使用相同的擷取群組名稱 各種替代方案範例說明
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})
)。
Chrome 應用程式
Chrome 應用程式中的 Direct Sockets API
這項更新可協助使用者輕鬆從 Chrome 應用程式 在 Chrome 應用程式中啟用 Direct Sockets 以允許網頁應用程式,藉此隔離網頁應用程式 建立直接傳輸控制通訊協定 (TCP) 和使用者資料元通訊協定 (UDP) 與網路裝置與系統通訊。
新來源試用
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 屬性和方法, 再也不是件繁重乏味的工作
略過預先載入掃描
略過預先載入掃描器直接探索 針對沒有擷取子資源的網頁,權衡效能。
預先載入掃描器步驟可改善含有子資源的頁面效能 並透過推測式預先擷取的方式進行擷取。不過,如果是網頁 但如果是沒有子資源的網頁 這種狀況會增加,但沒什麼好處
對於希望以減少負擔而受益的進階網路使用者來說 實驗提供網頁層級的控制項,讓您停用預先載入掃描器。資料 評估根據實驗結果收集的 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 版中移除。
移除附帶前置字串的 HTMLVideoElement 全螢幕屬性和方法
附帶前置字串的 HTMLVideoElement
全螢幕 API 已於 之後淘汰
Chrome 38。這些位置已由 Element.requestFullscreen()
取代
2018 年,
下列屬性和方法將從 HTMLVideoElement 中移除:
webkitSupportsFullscreen
webkitDisplayingFullscreen
webkitEnterFullscreen()
webkitExitFullscreen()
webkitEnterFullScreen()
(請注意,「S」這個大小寫格式會因 FullScreen)webkitExitFullScreen()
註冊本文列出的淘汰試用期 (如有) 網站仍仰賴這些項目,因此需要更多時間更新程式碼。
延伸閱讀
想瞭解更多資訊嗎?歡迎參考下列額外資源。
- Chrome 125 ���功能
- Chrome 開發人員工具 125 新功能
- Chrome 125 適用的 ChromeStatus.com 更新
- Chrome 發布時間表
- 即將淘汰的項目
- 即將移除的內容