# Safari 17.0의 WebKit 기능들

> Clean Markdown view of GeekNews topic #10988. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=10988](https://news.hada.io/topic?id=10988)
- GeekNews Markdown: [https://news.hada.io/topic/10988.md](https://news.hada.io/topic/10988.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2023-09-22T10:03:02+09:00
- Updated: 2023-09-22T10:03:02+09:00
- Original source: [webkit.org](https://webkit.org/blog/14445/webkit-features-in-safari-17-0/)
- Points: 8
- Comments: 0

## Topic Body

- 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 별로 모든 확장을 켜고 끌 수 있음

## Comments



_No public comments on this page._