Safari 15.4で追加された新しいWebKit機能

 (webkit.org)
2 ポイント 投稿者 xguru 2022-03-19 | まだコメントはありません。 | WhatsAppで共有

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
  • window.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 の値を簡単に設定可能
  • 新しいプロパティ追加時の自動補完をサポート

関連記事

まだコメントはありません。

まだコメントはありません。