以下是一些注意事項:
- 您可以使用 CSS
text-wrap: balance
改善文字版面配置。 - 這裡列出按頂層網站 (CHIPS) 區分的 Cookie。
- 有了 Popover API,您就能輕鬆實作彈出式視窗。
- 還有許多其他功能。
我是 Adriana Jara。接下來,我們將深入探討 Chrome 114 中開發人員可用的最新功能。
text-wrap:balance
。
使用 text-wrap: balance
改善文字版面配置。下方動畫顯示這一行程式碼的差異。
開發人員無法得知文字的最終大小、字型大小,甚至是文字語言。為了有效處理文字換行,您必須提供所有變數。由於瀏覽器確實瞭解所有因素,因此您可以使用 text-wrap:balance 要求瀏覽器找出最佳的平衡行換行解決方案。
平衡的文字區塊對讀者來說更賞心悅目。更能吸引目光,整體上也更容易閱讀。
text-wrap: balance
的主要用途應是平衡標題。文字平衡會影響效能,因此為了降低成本,最多只能顯示四行文字。
請參閱這篇文章,瞭解範例和更多詳細資訊,以改善文字版面配置。
CHIPS:具有獨立分區狀態的 Cookie。
CHIPS (具有獨立分區狀態的 Cookie):使用新的 Cookie 屬性 Partitioned
,讓第三方 Cookie 可透過頂層網站進行分區。
在 CHIPS 推出之前,當使用者造訪網站 A 時,嵌入式網站 C 可以在使用者的電腦上設定 Cookie。如果使用者接著造訪也嵌入網站 C 的網站 B,網站 C 就能存取在網站 A 上設定的 Cookie。這樣一來,網站 C 就能彙整使用者在網站 A、B 和嵌入的所有網站上的瀏覽活動。
雖然跨網站追蹤是個問題,但仍有合法的跨網站 Cookie 需求,可透過 Cookie 分割機制以保護隱私權的方式達成。
使用 CHIPS 時,當使用者造訪網站 A,且網站 C 的嵌入內容設定了含有「Partitioned」屬性的 Cookie,系統只會將網站 C 設定的 Cookie 儲存在分割的 JAR 檔案中,只有在頂層網站為 A 時,瀏覽器才會傳送該 Cookie。
當使用者造訪新網站 (例如網站 B) 時,網站 C 不會收到在網站 A 中嵌入 C 時設定的 Cookie。
如要進一步瞭解逐步淘汰第三方 Cookie 的程序,請參閱這篇文章。
Popover API。
有了 Popover API,您就能更輕鬆地建構暫時性的使用者介面 (UI) 元素,並顯示在所有其他網頁應用程式 UI 上方。
包括使用者互動元素,例如動作選單、表單元素建議、內容挑選器和教學 UI。
新的彈出式視窗屬性可讓任何元素自動顯示在頂層。這表示開發人員不必再擔心元素的定位、堆疊、焦點或鍵盤互動。
這類似於 <dialog>
元素,但有幾個重要差異,包括輕觸關閉行為、彈出式視窗互動管理和事件支援,以及缺少「模態」模式。
詳情請參閱這篇文章。
還有更多獎品等著您!
當然,還有更多功能。
- 您可以使用 DevTools 搭配 DWARF 支援,在 WebAssembly 應用程式中暫停及偵錯 C 和 C++ 程式碼。
navigator.bluetooth.requestDevice()
中的exclusionFilters
選項可讓網頁開發人員從瀏覽器挑選器中排除部分裝置。- 背景模糊效果有來源試用功能。
延伸閱讀
這份報告僅涵蓋部分重點。請參閱下方連結,瞭解 Chrome 114 的其他變更。
- Chrome 開發人員工具 (114) 的新功能
- Chrome 114 淘汰和移除項目
- Chrome 114 的 ChromeStatus.com 更新
- Chromium 來源存放區變更清單
- Chrome 發布時程表
訂閱
如要隨時掌握最新消息,請訂閱 Chrome 開發人員 YouTube 頻道,這樣一來,我們發布新影片時,你就會收到電子郵件通知。
我是 Adriana Jara,Chrome 115 一推出,我就會在這裡告訴你 Chrome 有哪些新功能!