Fitur baru WebKit yang disertakan dalam Safari 18 beta

Dukungan WebXR ditambahkan

• Safari 18 di visionOS 2 beta kini mendukung WebXR. Ini memungkinkan penyediaan pengalaman imersif bagi pengguna Apple Vision Pro.
• Dukungan sesi immersive-vr
• Penggunaan grafis akselerasi perangkat keras melalui WebGL
• Dukungan mode transient-pointer yang memanfaatkan input alami
• Fitur pelacakan tangan ditambahkan, dengan permintaan izin yang diperlukan untuk melindungi privasi pengguna

CSS

• Transisi tampilan (View Transitions):
  • Dukungan untuk View Transitions API ditambahkan
  • Memungkinkan animasi transisi status elemen
  • Memulai transisi dengan metode document.startViewTransition()
  • Setelah status ditangkap, animasi dapat dimodifikasi dengan CSS
• Style Queries:
  • Dukungan style queries saat menguji CSS custom properties
  • Gaya dapat diterapkan berdasarkan kondisi tertentu
• Relative Color Syntax:
  • Mendefinisikan warna baru secara dinamis dari warna yang sudah ada
  • Dapat mereferensikan currentcolor dan kata kunci warna sistem
• Animasi display: dukungan animasi transisi untuk properti display
• Area interaksi di visionOS: dengan clip-path, area tautan yang bisa disentuh dapat diubah
• Backdrop filter: menerapkan efek grafis pada konten di belakang elemen. Kini dapat digunakan tanpa prefiks -webkit-
• Kata kunci aman di Flexbox: menangani overflow item flex dengan kata kunci safe
• Visibilitas konten: optimasi performa dengan properti content-visibility

Aplikasi web (Web Apps for Mac)

• Dukungan membuka tautan di aplikasi web
• Personalisasi dimungkinkan melalui Safari Web Extensions dan content blockers

Ekstensi Safari (Safari Extensions)

• Manajemen perangkat seluler: dapat mengelola status aktif ekstensi, status penjelajahan privat, dan akses situs web

Media spasial (Spatial Media)

• Foto dan panorama:
  • Foto spasial dan panorama dapat dilihat dalam layar penuh di web
  • Menyediakan pengalaman imersif melalui Fullscreen API

HTML

• Saran penulisan:

  • Dukungan teks prediktif inline
  • Penggunaan teks prediktif dapat dikontrol melalui atribut writingsuggestions

• Input switch:

  • Dukungan haptic feedback pada <input type=checkbox switch>

• Input tanggal dan waktu:

  • Peningkatan aksesibilitas pada field input tanggal dan waktu

• Atribut ARIA:

  • Dukungan untuk aria-braillelabel dan aria-brailleroledescription

Media

• Video Viewer:
  • Fitur Viewer ditambahkan untuk menonton video tanpa gangguan
  • Saat berpindah tab, otomatis beralih ke mode Picture-in-Picture

WebRTC

• Dukungan ditambahkan:
  • Dukungan format payload RTP HEVC RFC 7789
  • Dukungan pemrosesan MediaStreamTrack di dedicated worker

Passkeys

• Upgrade passkey dimungkinkan dengan mediation=conditional
• Dukungan penggunaan passkey antar domain terkait
• Dukungan ekstensi WebAuthn prf

HTTPS

• Dalam pengaturan mixed content, semua gambar, video, dan audio otomatis di-upgrade ke HTTPS

JavaScript

• Dukungan karakter Unicode 15.1.0
• Dukungan v flag dan RegExp.prototype[Symbol.matchAll]

Web API

• Dukungan metode URL.parse()
• Dukungan properti shadowRootDelegatesFocus, shadowRootClonable, shadowRootSerializable
• Dukungan properti hasUAVisualTransition pada PopStateEvent
• Dukungan Subresource Integrity untuk skrip modul
• Dukungan metode bytes()
• Dukungan deteksi text fragments

Canvas

• Dukungan properti konteks willReadFrequently
• Perluasan dukungan currentcolor di kanvas 2D

WebGL

• Dukungan untuk 6 ekstensi WebGL termasuk EXT_texture_mirror_clamp_to_edge

Web Inspector

• Dukungan auto-complete fuzzy search di editor sumber CSS

WKWebView

• API baru: dukungan Writing Tools API dan API penyisipan adaptive image glyph

Apple Pay

• Dukungan ditambahkan: dukungan transfer tunai Apple Pay

Penghentian (Deprecations)

• Metode commit() pada OffscreenCanvasRenderingContext2D
• Berbagai properti dan pseudo-class berprefiks -webkit
• Format gambar JPEG2000
• Penghentian total dukungan AppCache
• Antarmuka SVGAnimateColorElement
• Beberapa Web API nonstandar