2023년 1월에 공개 및 베타 웹브라우저에 출시된 흥미로운 기능을 살펴보세요.
안정적인 브라우저 버전
2023년 1월에 Firefox 109, Chrome 109, Safari 16.3이 안정화되었습니다. 이것이 웹 플랫폼에 어떤 의미가 있는지 살펴보겠습니다.
MathML
Chrome 109는 HTML 및 SVG에 삽입할 수 있는 수학 표기법을 설명하는 언어인 MathML Core를 지원합니다. 이번 출시로 MathML이 모든 주요 엔진에서 상호 운용이 가능합니다.
scrollend 이벤트
Firefox 109에서는 scrollend를 구현합니다. 이 이벤트는 스크롤이 완료되었는지 감지하는 신뢰할 수 있는 방법을 제공합니다. Chrome에서도 구현되고 있는 이 이벤트에 대한 자세한 내용은 새 JavaScript 이벤트인 Scrollend 도움말을 참고하세요.
lh CSS 길이 단위 및 hyphenate-limit-chars
Chrome의 CSS에는 lh 길이 단위가 있습니다. 이 단위는 사용되는 요소에서 line-height 속성의 계산된 값과 동일합니다.
브라우저 지원
- 109
- 109
- 120
- 16.4
하이픈으로 연결된 단어의 최소 문자 수를 지정하는 hyphenate-limit-chars 속성도 있습니다.
브라우저 지원
- 109
- 109
- x
- x
콘텐츠 보안 정책 (CSP) prefetch-src
Safari 16.3은 대부분 수정 버전이며 여러 CSS 크기 조정 문제를 해결합니다. 메모에 나열된 유일한 새로운 기능은 콘텐츠 보안 정책 (CSP) prefetch-src 지시어가 추가된 것입니다.
Android의 Chrome 기능
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 노출 영역이 포함됩니다.
베타 브라우저 출시
베타 브라우저 버전에서는 브라우저의 다음 안정화 버전에서 실행될 기능을 미리 볼 수 있습니다. 전 세계에 새 기능이 출시되기 전에 사이트에 영향을 줄 수 있는 새 기능 또는 삭제를 테스트해 볼 좋은 기회입니다. 새로운 베타는 Firefox 110 및 Chrome 110입니다.
Chrome 110에는 CSS initial-letter 속성이 포함되어 있습니다. 이 속성은 첫 문자가 텍스트에 들어가야 하는 줄 수를 설정하는 방법을 제공합니다. CSS 이니셜로 감소 한도 관리 도움말에서 자세히 알아보세요.
또한 Chrome 110의 CSS의 경우 :picture-in-picture 의사 클래스가 있습니다. 이를 통해 동영상이 PIP 모드로 전환되거나 PIP 모드를 종료할 때 미디어 플레이어를 타겟팅하고 맞춤설정할 수 있습니다.
Chrome에는 AudioContext API의 setSinkID() 메서드가 포함되어 있습니다. 이 메서드를 통해 웹 오디오를 사용할 때 대상 오디오 기기를 변경할 수 있습니다.
Firefox 110에는 크기 컨테이너 쿼리가 포함되어 있어 오랫동안 기다려온 이 기능을 위해 3가지 기본 브라우저 엔진에서 상호 운용이 가능합니다.