Chrome 115 Beta 版

多個 CSS 顯示屬性、WebGPU 的 WGSLLanguageFeatures、HTTPS 升級等關鍵字。

除非另有註明,否則上述變更將適用於 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版 Chrome 測試版。透過提供的連結或 ChromeStatus.com 上的清單,進一步瞭解這裡列出的功能。Chrome 115 目前為 Beta 版,截至 2023 年 5 月 31 日。你可以透過電腦前往 Google.com 下載最新版本,也可以透過 Android 裝置前往 Google Play 商店下載最新版本。

CSS

這個版本新增了三項 CSS 功能。

display 屬性的多個值

除了舊版預先建立的關鍵字外,CSS display 屬性現在可接受多個關鍵字做為值。前兩個關鍵字代表顯示的外部和內部值,並有 list-item 的選用旗標、內部值 (例如 table-cell) 以及 contentsnone 的方塊值。

您可以透過外部和內部關鍵字,定義外框的行為 (區塊或內嵌),以及內部子項的行為 (例如 flexgridflow)。因此,display: flex 會變為 display: block flex,而 display: block 會變為 display: block flow。請參閱 MDN 查看常見對應清單和更多資訊。

布林結構定義樣式容器查詢

Chrome 115 支援不含宣告值的 style() 容器查詢,只支援屬性名稱,可用於比對非初始值。之前,您需要使用 not style(--my-property: initial)。現在,您可以使用 style(--my-property) 來比對任何非初始值。

捲動式動畫

ScrollTimelineViewTimeline 是網路動畫規格的擴充功能,可讓開發人員將捲軸或元素在捲軸內位置的位置做為輸入「time」,而非預設的單數時鐘時間。如此一來,就能加速捲動式動畫 (例如縮減導覽列),無需使用者指令碼執行。你可以透過 CSS 動畫和網路動畫中使用的 CSS 和 JavaScript,宣告這些動畫及例項化。

詳情請參閱「使用捲動技術的動畫時,為元素建立動畫效果」。

修正迴歸問題:含有 display: contents 的元素不再顯示在無障礙樹狀結構中

導入迴歸功能,會導致具有 display: contents 的元素遺失語意資訊,不再於無障礙樹狀結構中正確顯示。Chrome 115 包含這個問題的修正方式

網站 API

將主執行緒上 WebAssembly.Module() 的大小上限提高至 8 MB

WebAssembly.Module() 建構函式會同步編譯二進位 WebAssembly 模組,以封鎖主執行緒。為避免這種情況,使用此建構函式編譯的 WebAssembly 模組大小上限為 8 MB。較大的模組可以透過 WebAssembly.compile() 在主執行緒上非同步編譯,或在背景工作執行緒上同步編譯。8 MB 上限是原始限制 (4 KB) 的原始限制。之所以推出這個擴充功能,是因為 WebAssembly 執行階段 V8 遭到改善。Google Pixel 1 手機的效能時測得 8 MB 的上限,該手機目前被視為具有代表性的低階手機。日後在 V8 或硬體中進行的開發作業可能會允許進一步限制。

FedCM:自動重新驗證的支援憑證管理中介服務規定

支援憑證管理中介服務規定,為透過 FedCM API 在網站上建立聯盟帳戶的使用者提供簡化的重新驗證使用者體驗。

HTTPS 升級

自動將所有大型頁框瀏覽作業升級為 HTTPS,並迅速升級為 HTTP。

將 Storage、Service Worker 和 Communication API 分區

為防範特定類型的側邊管道跨網站追蹤,Chrome 在第三方環境中將儲存和通訊 API 劃分開來。包括以配額管理的儲存空間、服務 Worker 和通訊 API (例如 BroadcastChannel)。詳情請參閱儲存空間分區說明文件

資源時間:公開過渡回應時間

在導覽或子資源擷取作業遇到暫時 1xx 回應時,公開 PerformanceResourceTiming.firstInterimResponseStart。舉例來說,如果連續 100 個或 103 個早期提示,firstInterimResponseStart 現在會對應第一個臨時回應的時間,而 responseStart 則對應到最終回應,例如狀態為 200。

更新 lookupNamespaceURI()createNSResolver() 中的「xml」前置字串處理方式

Node.lookupNamespaceURI() 預設支援「xml」和「xmlns」前置字串。函式會傳回固定的命名空間字串。Document.createNSResolver()XPathEvaluator.createNSResolver() 會停止納入指定的節點,以便新增「xml」前置字串處理方式。這些物件會依照原樣傳回指定節點。網頁開發人員現在可以將元素做為 XPathNSResolver 使用,而不使用 createNSResolver() 納入元素。

VisibilityStateEntry

在效能時間軸中顯示瀏覽權限狀態 (可見或隱藏)。時間軸一律包含一個 startTime 為 0 和初始瀏覽權限狀態的項目,以及任何瀏覽權限狀態變更的對應項目。

WebGPU 適用的 WGSLLanguageFeatures

在 WebGPU 的 GPU 物件上新增 wgslLanguageFeatures getter,以及其對應的 WGSLLanguageFeatures 類型。

用於與 FedCM 對話方塊互動的 WebDriver 指令

這樣做會公開數個 WebDriver 指令,可讓瀏覽器自動化功能 (例如自動化測試) 與 FedCM 對話方塊互動。

正在進行來源試用

在 Chrome 115 中,您可以選擇加入下列新的來源試用

運算壓力

Compute Pressure API 可針對裝置硬體的目前狀態提供高階資訊,讓網站得以利用可用的處理能力,以及將系統控制在無法管理的壓力下,為使用者提供適當平衡。「運算壓力」是設計概念的通用術語。目前這項資料是根據 CPU 負載計算得出,未來的計畫會納入使用溫度和電池狀態的信號,例如。詳情請參閱宣布第二次試用 Compute Pressure 來源試用

註冊 Compute Pressure 來源試用

使用魔術註解明確編譯提示

允許附加資訊,指出哪些函式應該在 JavaScript 檔案中剖析及編譯。這些資訊會編碼為神奇註解。我們會測試不同的魔術留言格式。例如,標記檔案中的所有函式以進行 Eager 編譯,或只標示部分函式。

透過魔術留言來源試用功能註冊明確編譯提示

長動畫影格 API

這是 Long Tasks API 的擴充功能。這個 API 會測量工作及其後續算繪更新,添加資訊,例如長時間的指令碼執行時間、轉譯時間,以及強製版面配置和樣式耗費的時間 (稱為版面配置延遲)。開發人員可以使用這個欄位來診斷「速度緩慢」的問題。這項指標的評估依據為與下一個繪製內容互動 (INP),找出主執行緒壅塞的原因,通常是造成 INP 出錯的原因。

註冊 Long Animation Frames 來源試用

Storage 值區 API

儲存空間值區可讓網站建立多個儲存空間值區,以便整理資料,這樣一來,使用者代理程式就能直接刪除每個值區,不受其他值區影響。每個儲存空間值區都可以儲存與已建立的儲存空間 API 相關聯的資料,例如 IndexedDB 和 CacheStorage。申請試用 Storage Buckets API 來源試用

淘汰和移除

這個版本的 Chrome 推出了下列淘汰和移除功能。請造訪 ChromeStatus.com,查看預定淘汰事項、目前淘汰功能以及先前移除項目的清單。

這個版本的 Chrome 淘汰了兩項功能。

淘汰 document.domain setter

document.domain setter 已淘汰,因為這個設定可讓開發人員放寬相同來源政策,使其變得難以維持我們維護的基本安全性界線,也阻礙了 Chromium 的處理程序模型在經過規格後變更的問題。 如需使用 document.domain 的替代方案,請前往 Chrome 停用修改 document.domain。在大部分情況下,跨來源 postMessage() 或 Channel Messaging API 可以取代 document.domain。最不得已的方法是透過 Origin-keyed 代理程式叢集選擇文件網域。setter 將維持不變,但來源維持不變。

淘汰異動事件

異動事件 (包括 DOMSubtreeModifiedDOMNodeInsertedDOMNodeRemovedDOMNodeRemovedFromDocumentDOMNodeInsertedIntoDocument) 已從 M;201.01 取代,在 Chrome 127 (2024 年 7 月 20 日) 中移除過時的異動事件前,必須先將使用過時的異動事件遷移至 Mutation Observer。

進一步瞭解異動事件的淘汰