Safari 17.2'deki yeni WebKit özellikleri

HTML

• Exclusive Accordion: <details> öğesinde name özniteliği desteği. Biri seçildiğinde diğer öğeler otomatik olarak kapanır
• <input> alanına autocomplete="one-time-code" eklenerek SMS ile alınan OTP kodunun otomatik doldurulması destekleniyor

CSS

• CSS Nesting kullanırken öğe seçicide & ekleme zorunluluğu kaldırıldı
• rcap, rex, ric, rch gibi Root birimleri destekleniyor
• CSS Motion Path, web standartlarına daha uyumlu olacak şekilde güncellendi
• Animasyonlar ve geçişler için linear() işlevi desteği eklendi
• rem(), mod(), round() gibi matematik işlevleri destekleniyor
• counter-set özelliği destekleniyor
• -webkit-mask-box-image içindeki tarayıcı öneki kaldırıldı ve mask-border-[mode|outset|repeat|slice|source|width] doğrudan destekleniyor
• Custom Highlights API desteği: ::selection benzeri şeyler ::highlight() işleviyle özelleştirilebiliyor

Image ve Video

• Responsive Image için Preloading desteği: <link rel=preload> içindeki imagesrcset/imagesizes, <img> içindeki srcset/sizes gibi doğrudan kullanılabiliyor
• imageOrientation özelliğinde, görüntünün kendi değerini kullanma seçeneği none yerine daha uygun bir ad olan from-image olarak değiştirildi
• SVG için <image crossorigin> desteği
• H264 L1T2 codec desteği
• webkitPreservesPitch içindeki tarayıcı öneki kaldırıldı ve HTMLMediaElement.preservesPitch olarak eklendi

JavaScript

• import attributes desteği (import sırasında tür bilgisi eklenebiliyor)
• Intl.NumberFormat için formatApproximately desteği

Web API

• Fetch Priority desteği: görseller, script'ler, CSS vb. için fetchpriority=[high|low|auto] ayarlanabiliyor
• Form Validation sırasında title özniteliği desteği. Doğrulama hatasında title değeri gösteriliyor
• CanvasRenderingContext2D.prototype.reset() desteği
• Belirli fare olaylarının disabled form kontrollerine gönderilmesi destekleniyor: mouseenter, mouseleave, mousemove, mouseover, mousewheel vb. click/mouseup/mousedown ise alınamıyor

Web Apps

• Login Cookies: web uygulaması Mac'te "Add to Dock", iOS'ta "Add to HomeScreen" ile eklendiğinde de login cookie'leri saklanarak oturum açık kalabiliyor
• Web uygulaması simgeleri daha temiz görünecek şekilde değiştirildi. En iyi deneyim için SVG veya 1024x1024 ve üzeri görsel sunulması gerekiyor
• Mac'teki web uygulamalarında "Durum çubuğunu göster" etkinleştirilebiliyor. Web uygulaması penceresinde ilk yüklenecek sayfa da kolayca değiştirilebiliyor

WebGL

• Yeni WebGL uzantıları desteği: EXT_blend_func_extended, WEBGL_clip_cull_distance

Privacy

• blob partitioning eklendi

Web Inspector

• Renk paletinde Color Variable desteği
• Animasyon zamanlamasını ayarlayarak görüntüleme