Baru menggunakan platform web pada bulan November

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

Dipublikasikan: 27 November 2024

Pada November 2024, Firefox 133 dan Chrome 131 menjadi stabil. Postingan ini membahas fitur baru yang ditambahkan ke platform web.

WebCodecs API

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

Browser Support

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 133.
  • Safari: not supported.

Source

Properti WorkerNavigator permissions

Firefox 133 juga mendukung WorkerNavigator.permissions.

Browser Support

  • Chrome: 43.
  • Edge: 79.
  • Firefox: 133.
  • Safari: 16.4.

Source

@page kotak margin

Chrome 131 menambahkan dukungan untuk kotak margin halaman, saat mencetak dokumen web, atau mengekspornya sebagai PDF.

Kotak margin @page memungkinkan Anda menentukan konten di area margin halaman, misalnya untuk memberikan header dan footer kustom, bukan menggunakan header dan footer bawaan yang dihasilkan oleh browser.

Penghitung juga didukung, untuk penomoran halaman. Spesifikasi menentukan dua nama penghitung khusus: page untuk nomor halaman saat ini dan pages untuk jumlah total halaman.

Pelajari lebih lanjut di Menambahkan konten ke margin halaman yang dicetak menggunakan CSS.

Browser Support

  • Chrome: 131.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: not supported.

Dukungan untuk currentcolor dalam sintaksis warna relatif

Chrome 131 memungkinkan warna relatif dalam CSS (menggunakan kata kunci from) untuk menggunakan currentcolor sebagai dasar. Hal ini memungkinkan Anda menetapkan warna pelengkap, berdasarkan warna teks elemen, untuk batas, bayangan, atau latar belakang elemen tersebut.

Metode Uint8Array

Firefox 133 menambahkan sejumlah metode Uint8Array baru untuk memudahkan konversi antara base64- dan string yang dienkode heksadesimal serta array byte:

  • Uint8Array.fromBase64() dan Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64() dan Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64() dan Uint8Array.prototype.toHex()

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 133.
  • Safari: 18.2.

Source

WebHID di pekerja khusus

Chrome 131 mengaktifkan WebHID di dalam konteks pekerja khusus. Hal ini memungkinkan Anda melakukan I/O berat dan pemrosesan data dari perangkat HID di thread terpisah, sehingga membantu mengurangi dampak performa pada thread utama.

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: not supported.
  • Safari: not supported.

Rilis browser beta

Versi browser Beta memberi Anda pratinjau hal-hal yang akan ada di browser versi 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 134, Safari 18.2, dan Chrome 132. Rilis ini menghadirkan banyak fitur hebat ke platform. Lihat catatan rilis untuk mengetahui semua detailnya. Berikut ini beberapa sorotan.

Safari 18.2 menyertakan metode Uint8Array, yang disebutkan sebelumnya dalam postingan ini sebagai dikirim di Firefox, dan deskripsi margin @page yang dikirim di Chrome bulan ini. Ada daftar fitur CSS baru yang bagus, termasuk dukungan untuk transisi tampilan lintas dokumen, ruby-align, dan text-box-trim.

Chrome 132 menyertakan dukungan kata kunci sideways-rl dan sideways-lr untuk properti CSS writing-mode, peristiwa tombol untuk <dialog>, dan metode bytes() untuk antarmuka Request dan Response.

Firefox 134 saat ini tidak memiliki detail, tetapi tampaknya menyertakan Promise.try yang juga ada di Safari 18.2 beta.