8P by xguru 8달전 | favorite | 댓글과 토론
  • 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 별로 모든 확장을 켜고 끌 수 있음