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: overlay
與 overflow: 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
事件
這個事件可讓開發人員透過事件監聽器,瞭解捲動完成的時間 (包括捲動本身以及任何捲動完成的偏移更新)。瞭解捲動完成的時間對於多種原因很有幫助。例如同步處理貼齊部分的部分邏輯、擷取清單中的內容,或觸發新動畫。這項功能大幅簡化了捲動結尾效果的邏輯,確保在許多不同的輸入模式中保持一致。為了因應這項需求,開發人員目前會觀察捲動事件,並建構臨時逾時演算法。
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,將網站上發生的轉換歸因於瀏覽器外,在其他應用程式中發生的事件。本提案利用作業系統層級的歸因支援。具體來說,這種做法可讓開發人員選擇允許將行動版網站上的活動與 Android Privacy Sandbox 中的活動合併,但也可以支援其他平台。
背景模糊 API
Background Blur API 可讓網頁開發人員使用原生平台的 API 進行相機背景區隔。背景模糊已成為視訊會議應用程式最常用的功能之一,因此我們希望網頁應用程式能使用相同的平台 API,不必依賴 TensorFlow.js、Mediapipe、WASM 程式庫或雲端式解決方案等機器學習架構。
淘汰和下架
Chrome 114 沒有任何淘汰或移除功能。