探索 2022 年 1 月在穩定版和 Beta 版網路瀏覽器中推出的有趣功能。
穩定版瀏覽器
Chrome 97 和 Firefox 96 已於 1 月成為穩定版。
Firefox 96 提供了色彩功能 hwb()。此函式會根據色調、白色和黑暗度表示顏色。
另外，Firefox 96 還提供 CSS color-scheme 屬性。這個屬性可讓您指出元素可顯示的色彩配置。舉例來說，如要指定 .widget 可在作業系統的淺色或深色模式中算繪，請使用以下 CSS。
.widget {
color-scheme: light dark;
}
在 Firefox 中調整色彩配置後，表示該屬性適用於 Chrome、Firefox 和 Safari。
Beta 版瀏覽器版本
「Beta 版瀏覽器」可讓您預覽瀏覽器下一個穩定版本即將推出的功能。敬請把握這個大好機會，測試及移除哪些功能，以免影響網站在全球發布前受到影響。
1 月的 Beta 版測試為 Chrome 98、Firefox 97 和 Safari 15.4 Beta 1。
Chrome 98 支援 COLRv1 色彩漸層向量字型做為額外的新的字型格式。顏色字型包含有多種顏色的字符，例如表情符號、國家/地區旗幟或多色的字母。
如要進一步瞭解這個新字型格式，請參閱 Chrome 98 版 COLRv1 Color Gradient Vector Fonts。
此外，這也包含用於製作物件的深層副本的 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 虛擬類別、accent-color 屬性，以及帶有 contain 屬性的 CSS 包含。此 Beta 版還包含 HTML <dialog> 元素、圖片上的 lazy 屬性，可啟用延遲載入功能，並支援網頁應用程式資訊清單圖示。
所有 Beta 版功能很快就會在穩定版瀏覽器中推出。
網路新手系列叢書部分