Temukan beberapa fitur menarik yang tersedia di browser web stabil dan beta selama Juni 2022.
Rilis browser stabil
Pada bulan Juni, Chrome 103 dan Firefox 102 menjadi stabil.
Mentransformasi streaming dan streaming byte yang dapat dibaca
Firefox 102 menyertakan dukungan untuk Transform Stream. Tindakan ini memungkinkan penyisipan dari ReadableStream
ke WritableStream
, yang menjalankan transformasi pada potongan tersebut. Kami senang melihat fitur ini tersedia di ketiga mesin telusur, sehingga menjadikannya waktu yang sangat tepat untuk mempelajari Streaming.
Streaming byte yang dapat dibaca kini juga didukung di Firefox 102, yang memungkinkan pembaca BYOB (bawa buffer Anda sendiri) dengan antarmuka ReadableStreamBYOBReader
. Ini dapat digunakan untuk melakukan streaming data yang disediakan oleh developer.
Mengakses font yang diinstal secara lokal
Chrome 103 menyertakan Local Font Access API, yang memungkinkan akses ke font yang diinstal pengguna secara lokal. Setelah meminta akses ke font yang diinstal di perangkat, panggil window.queryLocalFonts()
untuk mendapatkan array font yang diinstal.
const pickedFonts = await window.queryLocalFonts();
for (const fontData of pickedFonts) {
console.log(fontData.postscriptName);
console.log(fontData.fullName);
console.log(fontData.family);
console.log(fontData.style);
}
Fitur media update
Firefox 102 menyertakan fitur media update
. Fungsi ini digunakan untuk mengkueri apakah perangkat output dapat memodifikasi tampilan konten setelah dirender.
Kode status HTTP baru—103 petunjuk awal
Chrome 103 menambahkan kode status baru Petunjuk Awal HTTP 103. Jika server atau CDN mengetahui bahwa serangkaian subresource tertentu diperlukan untuk memuat halaman, CDN dapat menyarankan browser untuk melakukan prakoneksi ke origin atau bahkan melakukan pramuat resource saat halaman yang mengharuskannya masuk. Langkah ini memerlukan update pada server atau CDN untuk memanfaatkan fitur ini. Pelajari Petunjuk Awal lebih lanjut.
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 April adalah Chrome 104, Firefox 103, dan Safari 16.
Sintaksis baru untuk kueri media rentang
Chrome 104 menyertakan sintaksis baru untuk rentang kueri media, dari spesifikasi Kueri Media Level 4. Misalnya, kueri media yang sebelumnya ditulis seperti ini:
@media (min-width: 400px) { … }
Sekarang dapat ditulis seperti ini:
@media (width >= 400px) { … }
Region Capture API
Chrome 104 di desktop juga menyertakan Region Capture API. Tindakan ini memungkinkan pemangkasan dan penghapusan konten dari video yang direkam sebelum membagikannya.
Safari 16 menghadirkan beberapa fitur utama ke browser
Safari 16 tampaknya akan menjadi rilis menarik lainnya dari tim Safari. Rilis ini menambahkan banyak fitur yang disertakan dalam Interop 2022. Ada begitu banyak fitur yang tersedia pada pertengahan tahun ini. Saya menyoroti beberapa fitur favorit saya di sini, tetapi baca catatan rilis untuk selengkapnya.
Bersama dengan banyak developer, saya sangat senang melihat dukungan kueri ukuran untuk Kueri Penampung, fitur yang juga berada di balik tanda di Chrome saat ini.
Selain itu, di Safari 16 terdapat dukungan untuk nilai subgrid
untuk grid-template-columns
dan grid-template-rows
. Fitur ini sudah ada di Firefox, dan dalam pengembangan di Chrome, dan memungkinkan ukuran trek petak diwarisi oleh petak bertingkat.
Selain itu, untuk tata letak petak adalah kemampuan untuk menganimasikan trek petak.
Dukungan Browser
- 107
- 107
- 66
- 16
Metode showPicker()
, yang memungkinkan cara kanonis menampilkan alat pilih browser untuk tanggal, waktu, warna, dan file disertakan. Anda dapat mengetahui hal ini lebih lanjut di menampilkan pemilih browser untuk tanggal, waktu, warna, dan file.
Masalah aksesibilitas untuk display: contents
juga telah diatasi, sehingga fitur yang berguna ini aman digunakan tanpa bahaya menghilangkan elemen dari hierarki aksesibilitas.
Fitur beta ini akan segera tersedia di browser stabil.
Bagian dari serial Baru di web