Fitur WebKit baru di Safari 17.2
(webkit.org)HTML
- Exclusive Accordion: dukungan atribut
namepada elemen<details>. Saat satu dipilih, item lain akan tertutup otomatis - Dukungan autofill kode OTP yang diterima lewat pesan teks dengan menambahkan
autocomplete="one-time-code"pada field<input>
CSS
- Saat menggunakan CSS Nesting, batasan yang mengharuskan penambahan
&pada selector elemen dihapus - Dukungan unit Root seperti
rcap,rex,ric,rch - CSS Motion Path diperbarui agar lebih mematuhi standar web
- Penambahan dukungan fungsi
linear()untuk animasi dan transisi - Dukungan fungsi matematika seperti
rem(),mod(),round() - Dukungan properti
counter-set - Prefix browser dihapus dari
-webkit-mask-box-imagedan kini langsung mendukungmask-border-[mode|outset|repeat|slice|source|width] - Dukungan Custom Highlights API: hal seperti
::selectionkini bisa dikustomisasi dengan fungsi::highlight()
Image dan Video
- Dukungan preloading untuk Responsive Image:
imagesrcset/imagesizespada<link rel=preload>bisa digunakan sama sepertisrcset/sizespada<img> - Perubahan yang lebih tepat pada penggunaan nilai orientasi asli gambar untuk properti
imageOrientation, darinonemenjadifrom-image - Dukungan
<image crossorigin>pada SVG - Dukungan codec H264 L1T2
- Prefix browser dihapus dari
webkitPreservesPitchdan ditambahkan sebagaiHTMLMediaElement.preservesPitch
JavaScript
- Dukungan import attributes (bisa menambahkan informasi tipe saat import)
- Dukungan
FormatApproximatelypadaIntl.NumberFormat
Web API
- Dukungan Fetch Priority: bisa mengatur
fetchpriority=[high|low|auto]untuk gambar, skrip, CSS, dan lainnya - Dukungan atribut
titlesaat Form Validation. Nilaititleakan ditampilkan saat terjadi error validasi - Dukungan
CanvasRenderingContext2D.prototype.reset() - Dukungan pengiriman event mouse tertentu ke form control yang dinonaktifkan:
mouseenter,mouseleave,mousemove,mouseover,mousewheel, dll.click/mouseup/mousedowntidak diterima
Web Apps
- Login Cookies: bahkan saat web app ditambahkan lewat "Add to Dock" di Mac atau "Add to HomeScreen" di iOS, Login Cookie tetap disimpan sehingga status login bisa dipertahankan
- Ikon web app diubah agar terlihat lebih rapi. Untuk pengalaman terbaik, perlu menyediakan SVG atau gambar berukuran 1024x1024 atau lebih besar
- Pada web app di Mac, kini bisa mengaktifkan "Tampilkan bilah status". Halaman pertama yang dimuat di jendela web app juga bisa diubah dengan lebih mudah
WebGL
- Dukungan ekstensi WebGL baru:
EXT_blend_func_extended,WEBGL_clip_cull_distance
Privacy
- Penambahan blob partitioning
Web Inspector
- Dukungan Color Variable di palet warna
- Menyesuaikan timing animasi untuk pratinjau
Belum ada komentar.