Safari 18 베타에 포함된 WebKit 신기능들

(webkit.org)

visionOS 2 beta의 Safari 18에서 WebXR을 지원함. Apple Vision Pro를 사용하는 사람들에게 몰입형 경험 제공 가능함.
immersive-vr 세션 지원
WebGL을 통한 하드웨어 가속 그래픽 사용
자연 입력을 활용한 transient-pointer 모드 지원
손 추적 기능 추가, 사용자 프라이버시 보호를 위한 권한 요청 필요

뷰 전환 (View Transitions):
- 뷰 전환 API 지원 추가
- 요소의 상태 전환 애니메이션 가능
- document.startViewTransition() 메서드로 전환 시작
- 상태 캡처 후 CSS로 애니메이션 수정 가능
스타일 쿼리 (Style Queries):
- CSS 커스텀 프로퍼티 테스트 시 스타일 쿼리 지원
- 특정 조건에 따라 스타일 적용 가능
상대적 색상 구문 (Relative Color Syntax):
- 기존 색상으로부터 새로운 색상을 동적으로 정의
- currentcolor 및 시스템 색상 키워드 참조 가능
디스플레이 애니메이션: display 속성의 전환 애니메이션 지원
visionOS에서의 인터랙션 영역: clip-path를 사용하여 링크의 터치 가능한 영역 변경 가능
백드롭 필터: 요소 뒤의 콘텐츠에 그래픽 효과 적용. 이제 -webkit- 접두사 없이 사용 가능
Flexbox의 안전 키워드: safe 키워드를 사용하여 플렉스 아이템의 오버플로우 처리
콘텐츠 가시성: content-visibility 속성으로 성능 최적화

사진 및 파노라마:
- 공간 사진 및 파노라마를 웹에서 전체 화면으로 볼 수 있음
- Fullscreen API를 통해 몰입형 경험 제공

비디오 뷰어:
- 비디오를 방해 없이 시청할 수 있는 Viewer 기능 추가
- 탭 전환 시 자동으로 Picture-in-Picture 모드로 전환

URL.parse() 메서드 지원
shadowRootDelegatesFocus, shadowRootClonable, shadowRootSerializable 속성 지원
PopStateEvent의 hasUAVisualTransition 속성 지원
모듈 스크립트의 서브리소스 무결성 지원
bytes() 메서드 지원
텍스트 프래그먼트 감지 지원