探索 2024 年 2 月在穩定版和 Beta 版網路瀏覽器中推出的一些有趣功能。
穩定版瀏覽器
Firefox 123 和 Chrome 122 已在 2024 年 2 月推出穩定版。這篇文章介紹了網路平台新增的功能。
宣告式陰影 DOM
Firefox 123 支援 <template>
元素的 shadowrootmode
屬性,因此支援宣告式陰影 DOM。這項功能現在會加入新推出的基準,因為這項功能可在所有主要瀏覽器上互通。
瀏覽器支援
- 111
- 111
- 123
- 16.4
103 早期提示:預先載入
Firefox 123 提供預先載入資源的 103 Early Hints 狀態碼。
瀏覽器支援
- 103
- 103
- 123
- x
CSS ::backdrop
沿用設定變更
::backdrop
CSS 虛擬元素是可視區域的大小方塊,顯示在頂層顯示的任何元素下方。::backdrop
的原始規格並未繼承任何元素,也不繼承該規格。這表示 ::backdrop
無法存取 :root
上宣告的自訂屬性。
規格已變更,允許 ::backdrop
繼承來源元素的屬性。這項變更已在 Chrome 122 版中生效。
詳情請參閱 ::backdrop
的變更。
Storage 值區 API
Chrome 122 版包含 Storage 值區 API。這個 API 可讓網站將裝置端資料整理成值區,接著群組資料就能獨立移除,而不保留在其他值區中的資料。
詳情請參閱 Storage Buckets API 說明文件。
瀏覽器支援
- 122
- 122
- x
- x
Async Clipboard API:讀取未處理過的 HTML
Chrome 122 Beta 版在 Async Clipboard API 的 read()
方法中加入 unsanitized
選項,可用於擷取未經處理的 HTML 格式。
JavaScript Set
方法
Chrome 122 會實作下列 Set
方法:
這些方法已導入在 Safari 中 (從第 17 版開始),並且在 Firefox Nightly 中。
Beta 版瀏覽器版本
Beta 版瀏覽器可讓您預覽下一個穩定版的功能。趁這個機會在全球推出前,測試或移除可能影響網站的新功能。最新 Beta 版包括 Firefox 124、本月推出的 Chrome 123,以及 Safari 17.4。這些版本為 YouTube 平台帶來許多絕佳功能。完整資訊請參閱版本資訊。以下僅列出幾項重點功能。
Chrome 123 提供幾項新的 CSS 功能。light-dark()
顏色函式可讓您更輕鬆地根據使用者偏好設定調整色彩配置。field-sizing
屬性可啟用自動成長的文字輸入欄位。我們提供一項新的媒體功能,可針對子母畫面模式顯示的應用程式進行測試。
text-spacing-trim
屬性適用於中文、日文和韓文 (CJK) 標點符號字元,以調整空格過多。詳情請參閱「CSS 隆重推出四項全新國際功能」。
在 Chrome 123 和 Safari 17.4 Beta 版中,區塊和表格版面配置支援使用 align-content
。請參閱 align-content
支援的變更。測試網站時,如果需要使用格線或彈性版面配置以外的屬性,請測試網站,因為先前該網站在區塊版面配置中無法運作時,該屬性就會開始對齊。
Firefox 124 支援 CSS content-visibility
屬性。這項屬性可控制元素是否完全算繪其內容,讓瀏覽器在需要時才略過轉譯內容。