- iOS/iPadOS 17에 포함된 사파리 17.0의 기능들
HTML
- 새로운
<search>
엘리먼트
- popover 속성 지원 추가 auto/manual
-
<select>
내부에서 <hr>
로 구분자 가능
CSS
- font-size-adjust 에 from-font 및 문법 추가 (ex-height, cap-height, ch-width, ic-width, ic-height 등 조정)
- text-transform에 full-width / full-size-kana 추가
- 폰트 지원 테스팅 :
@supports font-format() / @supports font-tech()
- Hyphenation :
hyphens: auto/manual
멀티라인이 될때 하이픈 추가
-
@counter-style
지원
-
display:contents
의 접근성 이슈들 해결
- Media Queries Level 4 지원
-
image-set()
향상
- Container Queries: CSSOM(CSS Object Model) 지원
JavaScript 와 Web API
- Storage API 지원 : 1GB 제한이었던게 이제 전체 디스크 용량 기반으로 계산
- Offscreen Canvas 에서 WebGL도 지원
- Canvas:
CanvasRenderingContext2D.drawImage()
가 캔바스에 그려질 이미지의 여러 소스를 지원
- 정규식에 2가지 지원 추가
- RegExp v flag with set notation + properties of strings
- RegExp duplicate named capture groups.
- Set 명령어 추가: intersection(), union(), difference(), isSubsetOf(), isSuperSetOf(), symmetricDifference() ,isDisjointFrom()
- Gamepad API :
Gamepad.prototype.vibrationActuator
- URL API :
URL.canParse(tentativeURL, optionalBase)
및 has(), delete() 추가
- WebSocket 생성자에서 relative URL 사용 가능
-
<link rel="modulepreload">
지원
이미지와 비디오
- JPEG XL 지원 추가
- HEIC 이미지 지원
- AV1 비디오 하드웨어 디코딩 지원 추가(아이폰 15프로와 15 프로 맥스)
- Managed Media Source API 지원
- 개발자용 Media player stats overlay
- WebM 과 MPEG-4 컨테이너에서 stereo-only Opus 지원
- iPadOS 17에서 USB 카메라 지원
Web Apps on Mac
- 모든 웹 사이트를 Dock에 추가 가능
File > Add to Dock
- 웹앱은 일반 앱처럼 동작. 스테이지 메니저/미션 컨트롤/커맨드 탭/키보드 단축키 등
- 런치패드/스팟라이트 검색에서도 실행 가능
- 서비스 워커 지원
- Web App Manifest를 제공하면 디스플레이 모드, 이름, 테마 색상, 시작 URL 등을 커스터마이징 가능
- Safari View Controller 에서도 Add to Home Screen 지원
Web 개발자 도구
- 개편된 Develop 메뉴
- Feature Flags 패널을 완전 개편
- 새로운 개발자 세팅 패널
- 새로운 탭별 설정 오버레이
- 재 설계된 반응형 웹 디자인 모드
- 사파리에서 어떤 페이지든 시뮬레이터 직접 실행 가능
- Web Inspector 개선
보안
- GPU 프로세스 를 WebContent 프로세스와 분리
브라우저 변경
- Safari Profiles 추가
- Safari Private Browsing 향상
- Live Text 지원
- Payment Request API 를 통해 Apple Pay 지원
- 락다운 모드 지원
Safari 확장
- Safari App Extensions 가 Safari Web Extensions 와 같은 사이트별 권한을 갖게됨
- Private Browsing 시에 확장 Off 가능
- Safari Profile 별로 모든 확장을 켜고 끌 수 있음