Yang baru di Chrome 153

Rachel Andrew

Dipublikasikan: 8 September 2026

Chrome 153 kini diluncurkan, dan postingan ini membagikan beberapa fitur utama dari rilis tersebut. Baca catatan rilis Chrome 153 lengkap.

Sorotan dari rilis ini:

Penampung scroll satu sumbu

Chrome 153 memperluas properti overflow CSS untuk mendukung nilai yang dapat di-scroll (auto, scroll, hidden) yang dikombinasikan dengan clip (misalnya, overflow: scroll clip atau overflow: auto clip). Hal ini akan membuat penampung scroll untuk satu sumbu tanpa mengubah sumbu lainnya menjadi scroller. Fitur ini kini tersedia untuk pengujian tanpa flag di saluran non-stabil (Beta, Dev, dan Canary) dari Chrome 153.

Untuk contoh mendetail, baca Siap untuk pengujian developer: Penampung scroll satu sumbu.

Elemen kemampuan: <camera> dan <microphone>

Setelah peluncuran elemen <geolocation> di Chrome 144 dan <usermedia> di Chrome 151, Chrome 153 memperkenalkan elemen kemampuan <camera> dan <microphone> khusus.

Elemen ini adalah kontrol HTML deklaratif yang diaktifkan pengguna dan dirancang untuk kasus penggunaan satu kemampuan:

  • Elemen <camera> meminta pengambilan video.
  • Elemen <microphone> meminta pengambilan audio.

Seperti <usermedia>, elemen ini menyematkan UI yang dikontrol browser dan ditata dengan ketat ke dalam halaman, sehingga memastikan klik pengguna yang disengaja sebelum perintah izin dipicu atau streaming dimulai. Elemen ini mempertahankan model keamanan dan jalur pemulihan izin bawaan yang sama dengan <usermedia>, serta memberikan kontrol yang lebih besar jika aplikasi Anda tidak memerlukan akses media campuran.

Iterasi Gabungan

Chrome 153 menambahkan dukungan untuk proposal TC39 Iterasi Gabungan di JavaScript, dengan memperkenalkan metode statis Iterator.zip() dan Iterator.zipKeyed().

Iterator.zip() menggabungkan elemen dari beberapa objek yang dapat diulang ke dalam iterator baru yang menghasilkan array yang berisi elemen pada posisi yang cocok. Secara default, iterasi selesai saat iterable input terpendek habis:

Anda dapat menyesuaikan perilaku ini menggunakan opsi mode:

  • "shortest" (default): Berhenti saat iterable input pertama selesai.
  • "longest": Berlanjut hingga semua iterable selesai, mengisi nilai yang tidak ada menggunakan iterable padding opsional.
  • "strict": Menampilkan TypeError jika iterable input tidak memiliki panjang yang sama.

Metode pendamping Iterator.zipKeyed() menawarkan agregasi serupa, yang menghasilkan objek dengan kunci, bukan array.

Untuk mengetahui detail dan contoh selengkapnya, lihat dokumentasi Iterator.zip() di MDN.

Bacaan lebih lanjut

Hal ini hanya mencakup beberapa sorotan utama. Lihat link berikut untuk mengetahui perubahan tambahan di Chrome 153:

Langganan

Untuk terus mendapatkan informasi terbaru, subscribe ke channel YouTube Chrome Developers, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru. Atau ikuti kami di X atau LinkedIn untuk mendapatkan artikel dan postingan blog baru.

Segera setelah Chrome 154 dirilis, kami akan segera memberi tahu Anda tentang fitur baru di Chrome.