探索 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 屬性。這項屬性可控制元素是否完全算繪其內容，讓瀏覽器在需要時才略過轉譯內容。