探索穩定版和 Beta 版帶來的一些有趣功能 網路瀏覽器。
穩定版瀏覽器版本
2024 年 2 月：Firefox 123 和 Chrome 122 已成為穩定版。 本文介紹了網路平台新增的功能。
宣告式陰影 DOM
Firefox 123 支援 <template> 的 shadowrootmode 屬性
元素，因此支援
宣告式 Shadow DOM。
這項功能現在會加入最新的基準，因為其可在下列各處互通：
所有主要瀏覽器。
103 早期提示：預先載入
Firefox 123 包含 103 早期提示 預先載入資源的狀態碼。
瀏覽器支援
- 103
- 103
- 123
- x
CSS ::backdrop 沿用設定變更
::backdrop CSS 虛擬元素是可視區域大小的方塊
會顯示在頂層圖層顯示的任何元素下方。
::backdrop 的原始規格表示該規格未繼承
且不會沿用任何元素這表示::backdrop
無法存取在 :root 上宣告的自訂屬性。
已變更規格，允許 ::backdrop 沿用屬性
從原始元素中取樣這項變更是在 Chrome 第 122 版中實作。
如想進一步瞭解
變更 ::backdrop。
Storage 值區 API
Chrome 122 包含 Storage Buckets API。 這個 API 可讓網站將裝置上的資料整理成值區， 隨後即可獨立撤銷群組資料，而不受其他值區中保留的資料所影響。
詳情請參閱 Storage Buckets API 說明文件。
瀏覽器支援
- 122
- 122
- x
- x
Async Clipboard API：讀取未經處理的 HTML
Chrome 122 Beta 版會在以下來源的 read() 方法中加入 unsanitized 選項：
Async Clipboard API
擷取未經處理的 HTML 格式。
JavaScript Set 方法
Chrome 122 實作下列 Set 方法：
這些方法已從 Safari 17 版、 且在 Firefox 夜間版本
Beta 版瀏覽器版本
Beta 版瀏覽器可讓您預覽即將推出的功能 瀏覽器的穩定版。現在正是測試新功能的好時機 移除。全新內容 Beta 版是 Firefox 124、 Chrome 123 已於本月推出，且 Safari 17.4 進行中。 這些版本為平台帶來許多實用功能。查看版本 記下所有細節以下列舉幾個重點。
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 資源。
這個屬性可控制元素是否要轉譯其內容
可讓瀏覽器略過轉譯內容，等到需要後再顯示內容。