Baru menggunakan platform web pada bulan Oktober

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

Pada Oktober 2024, Firefox 131, Firefox 132, Safari 18.1, dan Chrome 130 menjadi stabil. Postingan ini membahas fitur baru yang ditambahkan ke platform web.

Pembantu iterator sinkron

Firefox 131 menambahkan dukungan untuk helper iterator sinkron. Misalnya, Iterator.prototype.forEach() dan Iterator.prototype.map(). Pembantu ini memungkinkan operasi seperti array pada iterator tanpa membuat objek array perantara, termasuk set data yang sangat besar yang tidak memungkinkan pembuatan array perantara.

Dukungan Browser

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 131.
  • Safari: tidak didukung.x

Sumber

Fragmen teks

Di Firefox 131 juga terdapat dukungan untuk fragmen teks, beserta elemen pseudo ::target-text CSS.

Dukungan Browser

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Pratinjau Teknologi Safari: didukung.

Sumber

Cookie yang Memiliki Status Partisi Independen (CHIPS)

Firefox 131 menyertakan CHIPS yang memungkinkan Anda memilih cookie ke dalam penyimpanan yang dipartisi menggunakan perintah partitioned dari header HTTP Set-Cookie.

Dukungan Browser

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 131.
  • Safari: tidak didukung.

Sumber

Update media

Dalam rilis Firefox kedua selama bulan Oktober, terdapat serangkaian fitur media yang semuanya bergabung dengan Baseline Newly available. Firefox 132 menyertakan metode requestVideoFrameCallback() dan cancelVideoFrameCallback() dari HTMLVideoElement.

Dukungan Browser

  • Chrome: 83.
  • Edge: 83.
  • Firefox: 132.
  • Safari: 15.4.

Sumber

Metode MediaStreamTrack.getCapabilities() juga disertakan.

Dukungan Browser

  • Chrome: 59.
  • Edge: 12.
  • Firefox: 132.
  • Safari: 11.

Sumber

fetchPriority

Fetch Priority API menunjukkan prioritas relatif resource ke browser. API ini didukung dari Firefox 132, yang berarti API yang berguna ini kini tersedia di Baseline Baru.

Pelajari lebih lanjut di Mengoptimalkan pemuatan resource dengan Fetch Priority API.

Dukungan Browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Sumber

Dukungan box-decoration-break lengkap

Chrome 130 menyertakan dukungan penuh tanpa awalan untuk properti box-decoration-break CSS. Hal ini mencakup nilai clone untuk blok dan fragmentasi inline.

Dukungan Browser

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 32.
  • Safari: 7.

Sumber

Pelajari properti ini lebih lanjut di Properti box-decoration-break di Chrome 130.

Aturan deklarasi bertingkat

Chrome 130 dan Firefox 132 mendukung Deklarasi Bertingkat CSS, yang berarti CSS bertingkat diuraikan dengan benar seperti yang dijelaskan dalam Peningkatan CSS bertingkat dengan CSSNestedDeclarations.

Dukungan Browser

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 132.
  • Safari: tidak didukung.x

Atribut connected Serial Web dan peristiwa koneksi RFCOMM

Chrome 130 menambahkan atribut SerialPort.connected boolean. Atribut menampilkan true jika port serial terhubung secara logis.

Dengan fitur ini, port serial RFCOMM Bluetooth mengirim peristiwa ini saat port terhubung atau terputus secara logis.

Fitur ini dimaksudkan untuk memungkinkan aplikasi mendeteksi kapan port serial RFCOMM Bluetooth tersedia tanpa membuka port.

Pelajari lebih lanjut di Update RFCOMM Bluetooth di Serial Web.

Dukungan Browser

  • Chrome: 130.
  • Edge: tidak didukung.x
  • Firefox: tidak didukung.x
  • Safari: tidak didukung.

Perbaikan aksesibilitas di Safari

Rilis Safari 18.1 hadir dengan cepat setelah Safari 18, dan memperbaiki sejumlah masalah aksesibilitas, terutama pada display: contents.

Rilis browser beta

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

Firefox 133 mendukung antarmuka ImageDecoder, ImageTrackList, dan ImageTrack WebCodecs API, yang memungkinkan decoding gambar dari thread utama dan pekerja.

Firefox 133 juga mendukung WorkerNavigator.permissions.

Chrome 131 menyertakan pewarisan sorotan CSS, dengan pseudo-class sorotan CSS, seperti ::selection dan ::highlight, mewarisi propertinya melalui rantai sorotan semu, bukan rantai elemen. Hasilnya adalah model yang lebih intuitif untuk pewarisan properti dalam sorotan.

Selain itu, Chrome 131 juga mendukung kotak margin @page media dengan penomoran halaman CSS, sehingga Anda dapat memberikan header dan footer kustom saat mencetak dari web.