ฟีเจอร์ใหม่ของ WebKit ที่เพิ่มเข้ามาใน Safari 15.4

HTML

• การโหลดแบบ Lazy ของ img
• รองรับ dialog, ::backdrop

CSS

• :has()
• Cascade Layers
• contain
• วิวพอร์ต: รองรับ *vw, *vh, *vi, *vb, *vmin, *vmax เช่น svw, lvh, dvmin
• :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
• รองรับพร็อพเพอร์ตี CSS scroll-behavior ใน windows.scroll()/scrollTo()/scrollBy()

JavaScript

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

Internationalization

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

Web Apps

• ปรับปรุงให้ดึง Web App Manifest เสมอ ไม่ใช่เฉพาะตอนเพิ่มไปยังหน้าจอโฮม
  • รองรับไอคอน
• สามารถเปิดใช้ Navigation Preload ใน ServiceWorker ได้

Media

• รองรับ WebRTC perfect negotiation ให้สอดคล้องกับมาตรฐาน WebRTC 1.0
• รองรับ requestVideoFrameCallback() ในแท็ก video

Security

• ปรับปรุงการรองรับ Content Security Policy Level 3

WKWebView

• ควบคุมคุณสมบัติของผู้ใช้ด้วย WKPreferences
• ควบคุมการอนุญาต/ไม่อนุญาต Fullscreen API

Safari Web Extensions

• รองรับ manifest_version 3 และปรับใช้การเปลี่ยนแปลง API ที่เกี่ยวข้อง

Web Inspector

• รองรับ Cascade Layer / @layer ในแผง Styles
• ตั้งค่าสำหรับ align-content, align-items, align-self, justify-content, justify-items, justify-self ได้ง่ายขึ้น
• รองรับการเติมข้อความอัตโนมัติเมื่อเพิ่มพร็อพเพอร์ตีใหม่