網路平台 2 月新手

探索穩定版和 Beta 版帶來的一些有趣功能 網路瀏覽器。

2024 年 2 月:Firefox 123Chrome 122 已成為穩定版。 本文介紹了網路平台新增的功能。

Firefox 123 支援 <template>shadowrootmode 屬性 元素,因此支援 宣告式 Shadow DOM。 這項功能現在會加入最新的基準,因為其可在下列各處互通: 所有主要瀏覽器。

瀏覽器支援

  • 111
  • 111
  • 123
  • 16.4

資料來源

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 夜間版本

瀏覽器支援

  • 122
  • 122
  • 127
  • 17

資料來源

Beta 版瀏覽器版本

Beta 版瀏覽器可讓您預覽即將推出的功能 瀏覽器的穩定版。現在正是測試新功能的好時機 移除。全新內容 Beta 版是 Firefox 124Chrome 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 資源。 這個屬性可控制元素是否要轉譯其內容 可讓瀏覽器略過轉譯內容,等到需要後再顯示內容。