Chrome 114 Beta 版

CSS 標題平衡、CHIPS、捲動事件和彈出式視窗。

除非另有註明,否則以下說明異動適用於 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版。您可以透過提供的連結或 ChromeStatus.com 上的清單進一步瞭解此處列出的功能。Chrome 114 已於 2023 年 5 月 3 日推出 Beta 版。你可以透過電腦前往 Google.com 或使用 Android 裝置前往 Google Play 商店下載最新版本。

CSS

這個版本加入了兩項 CSS 功能。

CSS 標題平衡

這項功能可讓您平衡元素中的線條長度,提升可讀性,對於文字不超過四行的文字顯示盡量減少字體排版痕跡。這對廣告標題來說很實用。舉例來說,下列 CSS 供應商會平衡所有廣告標題層級和區塊引號:

h1, h2, h3, h4, h5, h6, blockquote { 
 text-wrap: balance; 
}

除了 text-wrap 屬性外,系統也支援 white-space-collapse 屬性,且 white-space 屬性會成為這些屬性的簡寫。

詳情請參閱 CSS text-wrap: balance 頁面。

overflow: overlay 的別名 (overflow: auto)

Chrome 114 會移除 overflow: overlay 捲動模式,並將 overlay 設為 auto 的舊版別名。使用 overflow: overlayoverflow: auto 相同,但在出現非重疊的 OS 捲軸時,此做法不會防止內容延伸至捲軸空白邊。(如有重疊捲軸,則不會產生任何效果)。

網站 API

往返快取 NotRestoredReason API

NotRestoredReason API 會透過 PerformanceNavigationTiming API,在頁框樹狀結構的架構中,回報系統沒有從 BFcache 提供網頁的原因清單。

具有獨立分區狀態 (CHIPS) 的 Cookie

Chrome 計劃淘汰第三方 Cookie,因此開發人員需要能夠在頂層網站分區的第三方環境中使用 Cookie。如果用途與跨網站追蹤相關,則必須採用這個做法。例如軟體式服務 (SaaS) 嵌入、無頭 CMS 和沙箱網域。Partitioned 的 CHIPS Cookie 屬性可讓開發人員選擇依頂層網站劃分第三方 Cookie。CHIPS 可透過 Chrome 110 以上版本中的 Chrome 變化版本啟用。在 Chrome 114 中,所有瀏覽器執行個體皆預設啟用 CHIPS。

進一步瞭解 CHIPS

scrollend 事件

這個事件可讓開發人員透過事件監聽器,瞭解捲動完成的時間 (包括捲動本身以及任何捲動完成的偏移更新)。瞭解捲動完成的時間對於多種原因很有幫助。例如同步處理貼齊部分的部分邏輯、擷取清單中的內容,或觸發新動畫。這項功能大幅簡化了捲動結尾效果的邏輯,確保在許多不同的輸入模式中保持一致。為了因應這項需求,開發人員目前會觀察捲動事件,並建構臨時逾時演算法。

進一步瞭解「scrollend」事件

Popover API

這個 API 可用於建構顯示在所有其他網頁應用程式 UI 上方的暫時性使用者介面 (UI) 元素。其中包括使用者互動式元素,例如動作選單、表單元素建議、內容挑選器和教學 UI。這個 API 使用新的 popover 內容屬性,讓任何元素顯示在頂層圖層。這與 <dialog> 元素類似,但有一些重要差異,包括淺色關閉行為、彈出式視窗互動管理、事件支援,以及缺少「強制回應」模式。

進一步瞭解 Popover API

requestDevice() 中的網路藍牙「exclusionFilters」選項

navigator.bluetooth.requestDevice() 中的 exclusionFilters 選項可讓網頁開發人員從瀏覽器挑選器中排除部分裝置。可用來排除符合更廣泛篩選條件,但不受支援的裝置。

查看程式碼範例,瞭解如何使用 Web Bluetooth API 從附近的藍牙低功耗裝置擷取基本裝置資訊,其中包含基本排除篩選器。

WebAssembly 擴充常數提案

Chrome 114 導入 WebAssembly 擴充常數提案。本提案會將下列新操作說明加入有效常數指示清單:i32.addi32.subi32.muli64.addi64.subi64.mul

來源試用進行中

在 Chrome 114 中,您可以選擇啟用下列新的來源試用功能。

跨應用程式和網站歸因評估

擴充 Attribution Reporting API,將網站上發生的轉換歸因於瀏覽器外,在其他應用程式中發生的事件。本提案利用作業系統層級的歸因支援。具體來說,這種做法可讓開發人員選擇允許將行動版網站上的活動與 Android Privacy Sandbox 中的活動合併,但也可以支援其他平台。

報名參加跨應用程式和網站歸因評估試用

背景模糊 API

Background Blur API 可讓網頁開發人員使用原生平台的 API 進行相機背景區隔。背景模糊已成為視訊會議應用程式最常用的功能之一,因此我們希望網頁應用程式能使用相同的平台 API,不必依賴 TensorFlow.js、Mediapipe、WASM 程式庫或雲端式解決方案等機器學習架構。

報名參加背景模糊來源試用

淘汰和下架

Chrome 114 沒有任何淘汰或移除功能。