Temukan beberapa fitur menarik yang telah hadir di browser web stabil dan beta pada Juni 2024.
Rilis browser stabil
Pada Juni 2024, Firefox 127 dan Chrome 126 menjadi stabil. Postingan ini membahas fitur baru yang ditambahkan ke platform web.
Metode Kumpulan JavaScript
Set adalah struktur data penting dalam semua bahasa pemrograman. Sekarang Anda dapat menggunakan metode bawaan JavaScript untuk melakukan operasi set. Metode set berikut sekarang tersedia dari Firefox 127, dan menjadi bagian dari Baseline Newly Available:
intersection()union()difference()symmetricDifference()isSubsetOf()isSupersetOf()isDisjointFrom()
Untuk mempelajari lebih lanjut, baca Metode Setelan JavaScript sekarang menjadi bagian dari Dasar Pengukuran.
Async Clipboard API
Clipboard API kini didukung sepenuhnya dari Firefox 127. Firefox kini
mendukung antarmuka ClipboardItem, bersama dengan metode read() dan write()
pada antarmuka Papan Klip. Pelajari lebih lanjut Clipboard API di
Berhenti memblokir akses papan klip.
Jenis interpolasi warna dalam gradien CSS
Gradien CSS ditetapkan untuk menerima <color-interpolation-method>, dan
kini didukung di Firefox, sehingga dapat dioperasikan bersama di semua mesin utama.
Misalnya, sekarang Anda dapat menentukan linear-gradient() menggunakan sistem
warna hsl dan interpolasi yang lebih panjang.
.longer {
background: linear-gradient(90deg in hsl longer hue, red, blue);
}
Dukungan Browser
- 111
- 111
- 127
- 16,2
Transisi tampilan lintas dokumen
Sebelumnya, Anda harus merancang ulang situs Anda menjadi SPA agar dapat menggunakan View Transitions API. Namun, sekarang sudah tidak seperti itu lagi. Mulai Chrome 126, transisi tampilan kini diaktifkan secara default untuk navigasi dari origin yang sama. Anda dapat membuat transisi tampilan antara dua dokumen asal yang sama.
Untuk mengaktifkan transisi tampilan lintas dokumen, kedua ujungnya harus memilih ikut serta.
Untuk melakukannya, gunakan @view-transition pada aturan dan tetapkan deskripsi navigasi ke auto.
@view-transition {
navigation: auto;
}
Pelajari lebih lanjut dalam dokumentasi untuk transisi tampilan lintas dokumen.
Ekstensi trigger-rumble Gamepad API
Chrome 126 memperluas antarmuka GamepadHapticActuator guna menampilkan
kemampuan trigger-rumble di web untuk gamepad yang kompatibel.
Ekstensi ini akan memungkinkan aplikasi web yang memanfaatkan
Gamepad API untuk juga menggetarkan pemicu perangkat gamepad yang dilengkapi dengan fungsi ini.
Rilis browser beta
Versi browser beta memberi Anda pratinjau hal-hal yang akan ada di versi stabil berikutnya dari browser. Inilah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum rilis tersebut dipublikasikan. Versi beta yang baru adalah Firefox 128, Chrome 127, Safari 18, dan Safari 17.6. Rilis ini menghadirkan banyak fitur hebat ke platform. Lihat catatan rilis untuk mengetahui detailnya. Berikut adalah beberapa sorotan.
Safari 17.6 adalah rilis perbaikan untuk fitur yang sudah ada. Safari 18 memiliki sejumlah fitur baru yang menarik
termasuk kueri container gaya, API transisi tampilan untuk aplikasi satu halaman,
dan dukungan untuk kata kunci safe di properti flexbox.
Chrome 127 menyertakan properti CSS font-size-adjust,
kemampuan untuk menentukan teks alternatif pada konten yang dihasilkan
sebagai sejumlah elemen arbitrer, dan
kemampuan untuk menambahkan informasi segmen satu per satu di
MediaMetaData.
Firefox 128 menyertakan Properti dan Nilai CSS, sehingga fitur ini menjadi
Dasar Pengukuran yang Baru Tersedia. Gunakan @property untuk menentukan type dan menetapkan nilai penggantian untuk properti khusus CSS.