2022년 1월에 공개 및 베타 웹브라우저에 출시된 흥미로운 기능을 살펴보세요.
안정적인 브라우저 버전
1월에 Chrome 97 및 Firefox 96이 안정화되었습니다.
Firefox 96에서는 색상 함수 hwb()가 도입되었습니다. 이 함수는 색조, 흰색, 검은색으로 색상을 표현합니다.
또한 Firefox 96에는 CSS color-scheme 속성이 있습니다. 이 속성을 사용하여 요소를 렌더링할 수 있는 색 구성표를 나타낼 수 있습니다. 예를 들어 .widget을 운영체제의 밝은 모드 또는 어두운 모드에서 렌더링할 수 있음을 나타내려면 다음 CSS를 사용합니다.
.widget {
color-scheme: light dark;
}
Firefox에서 색 구성표를 사용하면 Chrome, Firefox, Safari에서 속성을 사용할 수 있습니다.
베타 브라우저 출시
베타 브라우저 버전에서는 브라우저의 다음 안정화 버전에서 실행될 기능을 미리 볼 수 있습니다. 전 세계에 새 기능이 출시되기 전에 사이트에 영향을 줄 수 있는 새 기능 또는 삭제를 테스트해 볼 좋은 기회입니다.
1월 베타는 Chrome 98, Firefox 97, Safari 15.4 베타 1이었습니다.
Chrome 98은 추가적인 새로운 글꼴 형식으로 COLRv1 색상 그라데이션 벡터 글꼴을 지원합니다. 색상 글꼴에는 그림 이모티콘, 국기, 여러 색상의 글자 등 여러 색상이 있는 글리프가 포함됩니다.
Chrome 98의 COLRv1 색상 그라데이션 벡터 글꼴에서 새로운 글꼴 형식에 관해 자세히 알아보세요.
또한 객체의 전체 사본을 만들기 위한 structuredClone() 메서드와 CSS 미디어 쿼리 dynamic-range 및 video-dynamic-range도 포함합니다. Chrome 98 베타 게시물에서 테스트할 기능을 더 찾아보세요.
Chrome 98 DevTools는 새로운 Full Accessibility Tree와 같은 새로운 기능을 모두 제공합니다.
Firefox 97 베타는 length의 cap 및 ic 단위를 지원하고 scrollbar-gutter 속성도 구현합니다.
Safari 15.4 베타에는 다양한 장점이 있습니다. 기능에는 ::backdrop 가상 요소, :focus-visible 유사 클래스, accent-color 속성, contain 속성을 사용한 CSS Containment의 구현이 포함됩니다. 이 베타에는 HTML <dialog> 요소, 지연 로드를 사용 설정하는 이미지의 lazy 속성, 웹 앱 매니페스트 아이콘 지원도 포함됩니다.
이 모든 베타 기능은 곧 안정화된 브라우저에서 제공될 예정입니다.