2P by xguru 2달전 | favorite | 댓글과 토론

HTML

  • img Lazy로딩
  • dialog, ::backdrop 지원

CSS

  • :has()
  • Cascade Layers
  • contain
  • 뷰포트 : svw,lvh,dvmin 같은 *vw, *vh, *vi, *vb, *vmin, *vmax 지원
  • :focus-visible
  • accent-color
  • calc() : sin, cos, tan, e, pi, exp, log, atan, acos, asin, atan2

Typography

  • font-palette, @font-palette-values
  • text-decoration-skip-ink
  • ic 유닛 추가 (CJK에 유용)

Web APIs

  • BroadcastChannel
  • Web Locks API
  • windows.scroll()/scrollTo()/scrollBy() 에서 CSS scroll-behavior 속성 지원

JavaScript

  • findLast(), findLastIndex()
  • at()
  • Obejct.hasOwn()

Internationalization

  • Intl Enumeration API
  • Intl.Locale V2
  • Intl.DisplayNames V2
  • Intl.NumberFormat V3

Web Apps

  • Web App Manifest 홈스크킨에 추가할때 만이 아니라 항상 가져오게 개선
    • 아이콘 지원
  • ServiceWorker 에서 Navigation Preload 활성화 가능

Media

  • WebRTC perfect negotiation 지원을 WebRTC 1.0 표준에 맞게
  • video 태그에 requestVideoFrameCallback() 지원

Security

  • Content Security Policy Level 3 지원 향상

WKWebView

  • WKPreferences 로 사용자 속성 제어
  • Fullscreen API 허용/불허 제어

Safari Web Extensions

  • manifest_version 3 지원 및 관련 API 변경 적용

Web Inspector

  • Styles 판넬에 Cascade Layer / @layer 지원
  • align-content, align-items, align-self, justify-content, justify-items, justify-self 의 값 설정을 쉽게
  • 새 속성 추가시 자동 완성 지원