Temukan beberapa fitur menarik yang tersedia di browser web stabil dan beta selama November 2022.
Rilis browser stabil
Pada bulan November, Firefox 107, dan Chrome 108 menjadi stabil. Mari kita lihat apa artinya ini untuk platform web.
Perubahan pada perilaku Area Pandang Tata Letak di Chrome pada Android
Terdapat perubahan pada cara kerja Viewport Tata Letak dari Chrome 108 di Android saat keyboard virtual ditampilkan. Baca Mempersiapkan perubahan perilaku pengubahan ukuran area pandang yang akan hadir pada Chrome di Android untuk mempelajari lebih lanjut.
Unit area pandang baru
Selain itu, di Chrome 108 terdapat Unit Area Pandang CSS yang baru. Unit tersebut termasuk unit kecil (svw, svh, svi, svb, svmin, svmax), besar (lvw, lvh, lvi, lvb, lvmin, lvmax), dinamis (dvw, dvh, dvi, dvb, dvmin, dvmax), dan logis (vi, vb). Unit ini sudah diimplementasikan di Firefox dan Safari, artinya kini kami memiliki interop di tiga mesin browser utama untuk unit ini.
Baca Unit area pandang yang besar, kecil, dan dinamis.
Dukungan Browser
- 108
- 108
- 101
- 15,4
Properti CSS singkat contain-intrinsic-size didukung di Firefox 107, beserta contain-intrinsic-width, contain-intrinsic-height, dan properti logis contain-intrinsic-block-size, serta contain-intrinsic-inline-size.
Ini diterapkan untuk menentukan ukuran elemen UI yang tunduk pada pembatasan ukuran. Hal ini memungkinkan agen pengguna menentukan ukuran elemen tanpa perlu merender elemen turunannya. Class ini berguna saat suatu elemen tunduk pada pembatasan ukuran.
Dukungan untuk kata kunci avoid fragmentasi CSS
Chrome 108 menyertakan dukungan untuk nilai avoid properti fragmentasi CSS break-before, break-after, dan break-inside saat mencetak. Nilai ini memberi tahu browser agar tidak rusak sebelum, setelah, atau di dalam elemen yang diterapkan. Misalnya, CSS berikut mencegah gambar rusak pada batas halaman.
figure {
break-inside: avoid;
}
Penambahan ini karena disertakannya dukungan cetak menggunakan LayoutNG, yang menghadirkan pengalaman modern dan minim bug. Pelajari LayoutNG lebih lanjut.
API Pengelolaan Kredensial Federasi
Federated Credential Management API (FedCM) menyediakan abstraksi untuk alur identitas gabungan di web. Fitur ini menampilkan dialog yang dimediasi browser yang memungkinkan pengguna memilih akun dari penyedia identitas untuk login ke situs. FedCM diluncurkan dalam Chrome 108, cari tahu lebih lanjut di postingan blog pengumuman FedCM.
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. Karena tanggal rilis jatuh, satu-satunya versi beta baru bulan ini adalah Firefox 108, dengan Safari 16.2 beta masih berlangsung.
Firefox 108 mendukung atribut height dan width untuk elemen <source>, jika merupakan turunan dari elemen <picture>. Atribut ini menerima tinggi atau lebar gambar, dalam piksel, sebagai bilangan bulat tanpa unit.
Penerapan kueri penampung sedang berlangsung di Firefox. Di belakang flag layout.css.container-queries.enabled di Firefox 108 beta, Anda akan menemukan unit panjang kueri container—cqw, cqh, cqi, cqb, cqmin, cqmax. Ini adalah satuan panjang yang relatif terhadap ukuran penampung kueri.
Bagian dari serial Baru di web