1 月時網路平台新手

2022 年 1 月，我們在穩定版和 Beta 版網路瀏覽器中推出了幾項有趣的功能，歡迎一探究竟。

Rachel Andrew

穩定版瀏覽器

1 月，Chrome 97 和 Firefox 96 推出穩定版。

Firefox 96 推出了顏色函式 hwb()。這個函式會根據色調、白度和黑度來表示顏色。

瀏覽器支援

  • Chrome：101 課程。
  • Edge：101。
  • Firefox：96。
  • Safari：15。

資料來源

Firefox 96 也提供 CSS color-scheme 屬性。這個屬性可讓您指出元素可顯示的色彩配置。舉例來說，如要指出 .widget 可在作業系統的淺色或深色模式中顯示，請使用下列 CSS。

.widget {
  color-scheme: light dark;
}

色彩配置項目在 Firefox 中顯示，表示該屬性可在 Chrome、Firefox 和 Safari 中使用。

瀏覽器支援

  • Chrome：81.
  • Edge：81。
  • Firefox：96。
  • Safari：13。

資料來源

Beta 版瀏覽器

瀏覽器 Beta 版可讓您預覽瀏覽器下一個穩定版的內容。在正式發布前，您可以測試可能會影響網站的新功能或移除項目。

1 月的 Beta 版為 Chrome 98、Firefox 97 和 Safari 15.4 Beta 版 1。

Chrome 98 支援 COLRv1 色彩漸層向量字型，做為額外的新字型格式。彩色字型包含多種顏色的字元，例如表情符號、國家/地區旗幟或多色字母。

如要進一步瞭解這個新的字型格式，請參閱「Chrome 98 中的 COLRv1 色彩漸層向量字型」。

另外還包含用於建立物件深層複本的 structuredClone() 方法，以及 CSS 媒體查詢 dynamic-range 和 video-dynamic-range。如要查看更多測試功能，請參閱 Chrome 98 Beta 版貼文。

Chrome 98 開發人員工具提供一系列新功能，包括全新的完整無障礙樹狀結構。

Firefox 97 Beta 支援 length 的 cap 和 ic 單位，並實作 scrollbar-gutter 屬性。

Safari 15.4 Beta 版包含一系列優質功能，功能包括實作 ::backdrop 虛擬元素、:focus-visible pseudo-class、accent-color 屬性，以及具有 contain 屬性的 CSS 容器。此 Beta 版也包含 HTML <dialog> 元素、在圖片上使用 lazy 屬性以啟用延遲載入，並支援網頁應用程式資訊清單圖示。

所有 Beta 版功能都會盡快在穩定版瀏覽器中推出。

新手上路：網路系列