CSS 標題平衡、方塊、捲動事件和彈出式廣告。
除非另有說明,否則以下所述的變更會套用到 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版測試版本。透過提供的連結或 ChromeStatus.com 上的清單,進一步瞭解這裡列出的功能。Chrome 114 目前為 Beta 版,截至 2023 年 5 月 3 日。你可以透過電腦前往 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: overlay
與 overflow: auto
相同,只是在存在非重疊 OS 捲軸的情況下,不會防止內容延伸至捲軸溝槽。(如有重疊捲軸,就不會有任何效果)。
網站 API
往返快取 NotRestoredReason API
NotRestoredReason API 會透過 PerformanceNavigationTiming API,透過頁框樹狀結構的 BFcache 回報網頁未提供網頁的原因清單。
具有獨立分區狀態 (CHIPS) 的 Cookie
Chrome 計劃淘汰第三方 Cookie,因此開發人員需要在依頂層網站劃分的第三方 Cookie 中使用 Cookie。對於非跨網站追蹤的用途,這是必要的。例如軟體式服務 (SaaS) 嵌入項目、無頭 CMS 和沙箱網域。Partitioned
的 CHIPS Cookie 屬性可讓開發人員選擇加入依頂層網站分區的第三方 Cookie。在 Chrome 110 以上版本中,透過 Chrome 變化版本啟用 CHIPS。在 Chrome 114 中,所有瀏覽器執行個體都會預設啟用 CHIPS。
進一步瞭解 CHIPS。
scrollend
事件
此事件可讓開發人員清楚瞭解捲動完成時 (包括捲動本身以及捲動位置偏移的任何更新) 透過事件監聽器。瞭解捲動完成的時間有許多原因。例如同步處理已對齊的部分、擷取清單中的內容或觸發新的動畫。這項功能大幅簡化了處理結尾捲動效果的邏輯,確保這些效果在許多不同的輸入型態之間保持一致。目前,開發人員要藉由觀察捲動事件並建構臨時逾時演算法來解決這個問題。
Popover API
這個 API 可用於建構暫時性的使用者介面 (UI) 元素,會顯示在所有其他網頁應用程式 UI 上方。包括動作選單、表單元素建議、內容挑選器及教學 UI 等使用者互動式元素。這個 API 使用新的 popover
內容屬性,可在頂層顯示任何元素。這與 <dialog>
元素類似,但有一些重要差異,包括淺色關閉行為、彈出式視窗互動管理、事件支援,以及缺少「強制回應」模式。
requestDevice()
中的網路藍牙「exclusionFilters
」選項
navigator.bluetooth.requestDevice()
中的 exclusionFilters
選項可讓網頁開發人員從瀏覽器選擇器中排除部分裝置。可用於排除符合廣泛篩選條件但系統不支援的裝置。
查看程式碼範例,瞭解如何使用 Web Bluetooth API 從附近的藍牙低功耗裝置 (設有基本排除篩選器) 擷取基本裝置資訊。
WebAssembly 延伸常數提案
Chrome 114 導入了 WebAssembly 擴充常數提案。此提案會將以下新指示新增至有效常數指示清單:i32.add
、i32.sub
、i32.mul
、i64.add
、i64.sub
和 i64.mul
。
正在進行來源試用
在 Chrome 114 中,您可以選擇加入下列新的來源試用。
跨應用程式和網站歸因評估
擴充 Attribution Reporting API,就能將網頁中的轉換歸因於瀏覽器和其他應用程式發生的事件。本提案運用 OS 層級的歸因支援。具體來說,這種方法可讓開發人員選擇允許將行動網路事件與 Android Privacy Sandbox 中的事件加入,但也可以支援其他平台。
Background Blur API
Background Blur API 可讓網頁開發人員使用原生平台的 API 進行相機背景區隔。背景模糊已成為視訊會議應用程式中最多人使用的功能之一,因此我們希望網頁應用程式都能運用相同的平台 API,而不必仰賴 TensorFlow.js、Mediapipe、WASM 程式庫或雲端解決方案。
淘汰和移除
Chrome 114 版沒有新的淘汰或移除項目。