Baru menggunakan platform web pada bulan Februari

Temukan beberapa fitur menarik yang tersedia di browser web stabil dan beta selama Februari 2023.

Rilis browser stabil

Pada Februari 2023, Firefox 110 dan Chrome 110 menjadi stabil. Mari kita lihat apa artinya ini untuk platform web.

Kueri container di ketiga mesin

Firefox 110 menyertakan dukungan untuk kueri container ukuran, sehingga fitur utama ini tersedia di ketiga mesin telusur tersebut.

Dukungan Browser

  • 105
  • 105
  • 110
  • 16

Sumber

Huruf awal CSS

Chrome 110 menambahkan dukungan untuk properti initial-letter CSS. Properti ini menetapkan jumlah baris yang harus dimasukkan huruf awal ke dalam baris teks berikut. Pelajari lebih lanjut dalam postingan Mengontrol batas penurunan dengan huruf awal CSS.

Dukungan Browser

  • 110
  • 110
  • x
  • 9

Sumber

Iterasi asinkron ReadableStream

Firefox menambahkan dukungan untuk protokol iterable asinkron di ReadableStream.

AudioContext.setSinkId()

Di Chrome, AudioContext.setSinkId menetapkan ID perangkat audio yang akan digunakan untuk output. Hal ini memungkinkan AudioContext merutekan audio ke perangkat output terhubung pilihan pengguna.

Pelajari fitur ini lebih lanjut dalam postingan Mengubah perangkat output tujuan di Audio Web.

Dukungan Browser

  • 110
  • 110
  • x
  • x

Sumber

IFrame tanpa kredensial

Selain itu, di Chrome, Frame tanpa kredensial memberi developer cara untuk memuat dokumen di iframe pihak ketiga menggunakan konteks baru dan singkat. Iframe tanpa kredensial adalah generalisasi dari tanpa kredensial COEP untuk mendukung iframe pihak ketiga yang mungkin tidak men-deploy COEP. Hal ini menghilangkan batasan bahwa iframe pihak ketiga harus mendukung COEP agar dapat disematkan di halaman COEP dan akan berhenti memblokir developer yang ingin mengadopsi isolasi lintas origin.

Pelajari lebih lanjut iframeless credential.

Dukungan Browser

  • 110
  • 110
  • x
  • x

Stabil awal

Chrome 110 juga menandai perubahan dalam jadwal rilis Chrome. Rilis stabil awal akan diluncurkan seminggu lebih awal dari rilis umum, kepada sebagian kecil pengguna. Anda dapat mempelajari perubahan ini lebih lanjut di artikel perubahan jadwal rilis dari Chrome 110.

Rilis browser beta

Versi browser beta memberikan pratinjau dari hal-hal yang akan ada dalam versi browser stabil berikutnya. Ini adalah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum dunia merilisnya. Versi beta baru adalah Firefox 111, Safari 16.4, dan Chrome 111. Rilis ini menghadirkan banyak fitur hebat ke platform ini. Lihat catatan rilis untuk semua detailnya, berikut beberapa sorotan.

Firefox menambahkan dukungan untuk Origin Private File System (OPFS) saat menggunakan File System Access API.

Chrome menyertakan semua fitur yang dijelaskan dalam CSS Color Level 4. Ini mencakup empat jenis warna yang tidak tergantung perangkat (lab, Oklab, lch, dan Oklch), fungsi color(), dan ruang warna yang ditentukan pengguna untuk gradien dan animasi. Juga disertakan adalah fungsi color-mix() dari CSS Warna 5.

Baca Panduan warna CSS definisi tinggi untuk mempelajari jenis warna dan ruang baru ini.

Chrome juga menyertakan View Transitions API, yang memungkinkan transisi yang disempurnakan dalam Aplikasi Web Satu Halaman (SPA). Cari tahu selengkapnya di dokumentasi untuk Melihat Transisi.

Selain itu di Chrome 111 terdapat shadow DOM deklaratif, cara baru untuk menerapkan dan menggunakan shadow DOM langsung dalam HTML.

Safari 16.4 dijanjikan akan menjadi rilis besar untuk platform ini. Untuk CSS, rilis ini mencakup dukungan untuk pseudo-class :user-invalid dan :user-valid, properti margin-trim, sintaksis rentang untuk kueri media, serta dukungan untuk CSS Properties dan Values API serta @property.

Safari juga menyertakan dukungan untuk Web Push, dan Badging API, bersama dengan sejumlah Web API lainnya. Ini adalah rilis yang sangat menarik karena akan melihat sejumlah fitur mencapai interoperabilitas.

Bagian dari serial Baru di web