2022년 12월에 공개 및 베타 웹브라우저에 출시된 흥미로운 기능을 살펴보세요.
안정적인 브라우저 버전
12월에는 Firefox 108 및 Safari 16.2가 안정화되었습니다. 이것이 웹 플랫폼에 어떤 의미가 있는지 살펴보겠습니다.
<source>의 height 및 width 속성 지원
Firefox 108은 <source> 요소가 <picture> 요소의 하위 요소일 때 height 및 width 속성을 지원합니다. 이 속성은 이미지의 높이 또는 너비(단위: 픽셀)를 단위 없이 정수로 허용합니다.
브라우저 지원
- 90
- 90
- 108
- 15
삼각 CSS 함수
Firefox는 이제 CSS에서 삼각 함수(sin(), cos(), tan(), asin(), acos(), atan(), atan2())를 지원합니다.
세 엔진 모두에서 마지막 기준 지원
여러 CSS 수정 외에도 Safari 16.2에는 CSS 그리드 및 Flexbox 레이아웃의 last baseline 정렬이 포함되어 있습니다. 즉, 이제 이 기능이 세 가지 기본 브라우저 엔진에서 지원됩니다.
CSS font-variant-alternates
Safari는 font-variant-alternates CSS 속성(annotation(값-이름), 문자-변형(값-이름), 장식(값-이름), 스타일 세트(값-이름), 스타일(값-이름), swash(값-이름) 및 연결된 @font-feature-values at-rule)의 추가 값 지원도 추가합니다.
베타 브라우저 출시
베타 브라우저 버전에서는 브라우저의 다음 안정화 버전에서 실행될 기능을 미리 볼 수 있습니다. 전 세계에 새 기능이 출시되기 전에 사이트에 영향을 줄 수 있는 새 기능 또는 삭제를 테스트해 볼 좋은 기회입니다. 새로운 베타는 Firefox 109, Safari 16.3, Chrome 109입니다.
Safari 16.3에 나열된 유일한 새로운 기능은 콘텐츠 보안 정책 (CSP) prefetch-src 지시어를 추가한 것입니다. 이 베타에는 여러 가지 수정사항이 있습니다.
Chrome 109는 HTML 및 SVG에 삽입할 수 있는 수학 표기법을 설명하는 언어인 MathML Core를 지원합니다.
Android용 Chrome의 새로운 기능은 보안 결제 확인 (SPC)입니다. 이는 고객이 플랫폼 인증자(일반적으로 지문 센서와 같은 기기의 화면 잠금 해제 기능으로 활성화됨)를 사용하여 신용카드 발급기관, 은행 또는 기타 결제 서비스 제공업체에 인증할 수 있도록 제안된 웹 표준입니다.
또한 Android용 Chrome에는 Android File System Access API의 일부인 Origin Private File System (OPFS)이 새로 도입되었습니다. 여기에는 show{OpenFile, SaveFile, Directory}Picker() 메서드와 드래그 앤 드롭 API 통합을 제외한 모든 File System Access API 노출 영역이 포함됩니다.
Chrome의 CSS에는 lh 길이 단위가 있습니다. 이 단위는 이 단위가 사용된 요소에서 line-height 속성의 계산된 값과 동일합니다. 하이픈으로 연결된 단어의 최소 문자 수를 지정하는 hyphenate-limit-chars 속성도 있습니다.
이 글을 작성하는 시점에서는 아마도 연말연시 기간으로 인해 Firefox 출시 노트가 업데이트되지 않았습니다.
기타 뉴스
이 게시물은 이 블로그 게시물 시리즈의 12번째 에디션으로, 2022년 한 해 동안 매월 브라우저와 관련된 흥미로운 내용을 소개합니다. 2023년에는 매달 웹 플랫폼에 흥미로운 몇 가지 흥미로운 소식을 계속 공유하려고 합니다.
지난 한 해 동안 브라우저에 도입된 여러 기능과 'CSS 수정'으로 언급된 많은 기능은 Interop 2022의 일부였습니다. 자세한 내용은 웹 플랫폼의 주요 상호 운용성 문제를 개선하기 위한 이 브라우저 간 이니셔티브에 대한 Chrome팀의 연말 보고서를 참조하세요.
마지막으로, 이 게시물을 읽는 분들이 관심을 가질 만한 부분은 MDN의 친구들이 발표한 MDN 브라우저 호환성 데이터를 기반으로 한 업데이트 목록입니다.