Temukan beberapa fitur menarik yang tersedia di browser web stabil dan beta selama Maret 2022.
Rilis browser stabil
Pada bulan Maret, Chrome 99, Chrome 100, Firefox 98, dan Safari 15.4 menjadi stabil. Hal ini menghadirkan sekumpulan fitur baru ke platform, dan banyak dari tambahan tersebut berarti fitur tersebut tersedia di ketiga mesin browser. Dalam postingan ini, saya telah berfokus pada penambahan yang memberi kami interoperabilitas lintas browser, tetapi periksa catatan rilis untuk melihat semua fitur yang ditambahkan ke setiap mesin.
Chrome 99 dan Safari 15.4 menyertakan Lapisan Casscade. @layer at-rule menentukan lapisan bertingkat, sehingga membantu Anda mengontrol kekhususan. Keduanya bergabung dengan Firefox, sehingga Cascade Layers kini tersedia di ketiga mesin browser. Cari tahu lebih lanjut tentang Lapisan Cascade di Lapisan Cascade akan tersedia di browser Anda.
Chrome 100 menyertakan nilai baru plus-lighter untuk properti mix-blend-mode CSS. Nilai ini berguna saat memudar-silang dua elemen ketika semua atau sebagian piksel memiliki nilai yang sama. Anda dapat membaca selengkapnya tentang masalah yang dapat diselesaikan ini di Melakukan cross-fading dua elemen DOM saat ini tidak mungkin.
Dukungan Browser
- 100
- 100
- 99
- 9.1
Safari 15.4 menyertakan properti contain, yang memungkinkan pembatasan CSS.
Selain itu, di Safari 15.4 terdapat accent-color, yang memberikan kontrol atas warna aksen yang digunakan di beberapa kontrol formulir.
Firefox 98 dan Safari 15.4 mendaratkan elemen <dialog>, yang menampilkan kotak dialog.
Safari 15.4 juga menyelesaikan dukungan untuk kelas pseudo :focus-visible. Pekerjaan implementasi ini adalah oleh Igalia.
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 pada bulan Maret adalah Chrome 101 dan Firefox 99.
Chrome 101 beta menyertakan notasi warna hwb. Ini menentukan warna berdasarkan rona, keputihan, dan kegelapan. Seperti notasi warna lainnya, komponen alfa opsional menentukan opasitas.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Firefox 99 menyertakan properti pdfViewerEnabled pada antarmuka Navigator. Properti ini menunjukkan apakah browser mendukung tampilan inline file PDF.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
Fitur beta ini akan segera tersedia di browser stabil.
Bagian dari serial Baru di web