Baru menggunakan platform web pada bulan September

Temukan beberapa fitur menarik yang telah diluncurkan di browser web stabil dan beta selama September 2024.

Rachel Andrew

Rilis browser stabil

Pada September 2024, Firefox 130, Safari 18, dan Chrome 129 menjadi stabil. Ini melihat fitur baru yang ditambahkan ke platform web.

Akordeon eksklusif dengan atribut name untuk <details>

Firefox 130 mendukung atribut name dari elemen <details>. Grup ini Elemen <details>, dengan hanya satu elemen dalam grup yang dapat dibuka di baik. Hal ini memungkinkan Anda membuat akordeon eksklusif tanpa menggunakan JavaScript.

Dukungan Browser

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 130.
  • Safari: 17.2.

Menganimasikan ke otomatis (dan lainnya)

Chrome 129 menambahkan properti interpolate-size CSS dan fungsi calc-size().

Properti interpolate-size CSS memungkinkan halaman memilih animasi dan transisi kata kunci ukuran intrinsik CSS seperti auto, min-content, dan fit-content, jika kata kunci tersebut dapat dianimasikan.

Dukungan Browser

  • Chrome: 129.
  • Edge: tidak didukung.
  • Firefox: tidak didukung.
  • Safari: tidak didukung.

Sumber

Fungsi calc-size() CSS adalah fungsi CSS yang mirip dengan calc(), tetapi juga mendukung operasi pada tepat satu kata kunci ukuran yang didukung. Kata kunci ukuran yang didukung adalah auto, min-content, max-content, dan fit-content.

Dukungan Browser

  • Chrome: 129.
  • Edge: 129.
  • Firefox: tidak didukung.
  • Safari: tidak didukung.

Sumber

Pelajari lebih lanjut di Menganimasikan ke tinggi: auto; (dan kata kunci ukuran intrinsik lainnya) di CSS.

Format durasi di JavaScript

Selain itu, di Chrome 129 adalah Intl.DurationFormat, yang memberikan metode pemformatan durasi, misalnya "1 jam 40 menit 30 detik", yang mendukung beberapa lokalitas.

Dukungan Browser

  • Chrome: 129.
  • Edge: 129.
  • Firefox: tidak didukung.
  • Safari: 16.4.

Sumber

API WebCodecs

Tujuan Web Codecs API sekarang didukung di desktop di Firefox 130, memberikan developer akses tingkat rendah ke frame individual streaming video dan potongan-potongan audio. Antarmuka baru mencakup: VideoEncoder, VideoDecoder, EncodedVideoChunk, VideoFrame, dan VideoColorSpace. API ini tidak sepenuhnya membuat Baseline Baru tersedia karena belum didukung di Firefox Android, tetapi ada dukungan Firefox Nightly untuk Android.

Dukungan Browser

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 130.
  • Safari: 16.4.

Sumber

Kueri gaya CSS untuk properti khusus

Safari 18 menghadirkan dukungan untuk beberapa fitur baru termasuk Kueri Gaya CSS. Kueri gaya menyediakan cara untuk membuat gaya yang dapat digunakan kembali, dan menerapkannya sebagai grup. Misalnya, saat Anda memiliki komponen yang dapat digunakan kembali dengan beberapa variasi.

Dukungan Browser

  • Chrome: 111.
  • Edge: 111.
  • Firefox: tidak didukung.
  • Safari: 18.

Sumber

Pelajari lebih lanjut kueri gaya CSS.

Transisi tampilan dokumen yang sama

Safari 18 juga mendukung transisi tampilan dokumen yang sama untuk SPA, memungkinkan Anda membuat transisi visual antara berbagai status aplikasi.

Dukungan Browser

  • Chrome: 111.
  • Edge: 111.
  • Firefox: tidak didukung.
  • Safari: 18.

Sumber

Pelajari lebih lanjut transisi tampilan dokumen yang sama

Rilis browser beta

Versi browser Beta memberi Anda pratinjau hal-hal yang akan ada di browser versi stabil berikutnya. Ini adalah saat yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum dunia mendapatkan rilis tersebut. Versi beta baru adalah Firefox 131, Chrome 130, dan Safari 18.1. Rilis ini menghadirkan banyak fitur hebat ke platform. Lihat catatan rilis untuk semua detailnya. Berikut beberapa sorotan.

Firefox 131 menyertakan helper iterator JavaScript yang baru dan Cookie yang Memiliki Status Terpartisi Independen (CHIPS) kini diaktifkan.

Chrome 130 menyertakan dukungan untuk box-decoration-break: clone, baik untuk fungsi inline fragmentasi (tata letak garis) dan fragmentasi blok (fragmen yang dibuat untuk pencetakan dan multi-kol). Terdapat juga pelaporan {i>error<i} yang lebih baik di IndexedDB, dan atribut connected baru untuk antarmuka Web Serial SerialPort.

Safari 18.1 adalah rilis perbaikan bug pada fitur yang ada.