探索穩定版和 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
資源。
這個屬性可控制元素是否要轉譯其內容
可讓瀏覽器略過轉譯內容,等到需要後再顯示內容。