Chrome 132

Tanggal rilis stabil: 14 Januari 2025

Kecuali jika dinyatakan lain, perubahan berikut berlaku untuk rilis saluran stabil Chrome 132 untuk Android, ChromeOS, Linux, macOS, dan Windows.

HTML dan DOM

Menampilkan pengecualian untuk popover dan dialog dalam dokumen nonaktif

Sebelumnya, memanggil showPopover() atau showModal() pada popover atau dialog yang berada dalam dokumen yang tidak aktif akan gagal secara diam-diam. Tidak ada pengecualian yang akan ditampilkan, tetapi karena dokumen tidak aktif, tidak ada popover atau dialog yang akan ditampilkan. Mulai Chrome 132, situasi ini kini menampilkan InvalidStateError.

Melacak bug #373684393 | Entri ChromeStatus.com | Spesifikasi

Peristiwa tombol dialog

Sebaiknya ketahui kapan elemen <dialog> terbuka dan tertutup, dan popover sudah memiliki ToggleEvent yang dikirim saat popover terbuka atau tertutup. Sebelumnya, untuk mendeteksi kapan <dialog> terbuka, Anda harus mendaftarkan pengamat mutasi untuk memeriksa apakah terbuka, tetapi ini cukup banyak pekerjaan jika peristiwa akan lebih mudah.

Perubahan ini menggabungkan ToggleEvent yang sama dengan yang dikirim popover, tetapi untuk elemen <dialog>: saat showModal atau show dipanggil, <dialog> akan mengirim ToggleEvent dengan newState=open. Saat <dialog> ditutup (menggunakan formulir, tombol, atau closewatcher), <dialog> akan mengirimkan ToggleEvent dengan newState=closed.

Melacak bug #41494780 | Entri ChromeStatus.com | Spesifikasi

Memperbaiki pemilihan isCollapsed di Shadow DOM

isCollapsed Pilihan harus menampilkan true (benar) jika dan hanya jika anchor dan fokus sama. Hal ini harus benar, baik pemilihan dimulai atau diakhiri di dalam pohon cahaya atau bayangan.

Demo | Melacak bug #40400558 | Entri ChromeStatus.com | Spesifikasi

CSS

CSS Anchor Positioning: mengizinkan anchor-size() di properti inset dan margin

Awalnya, anchor-size() hanya diizinkan dalam properti ukuran. Spesifikasi diubah untuk mengizinkan anchor-size() dalam inset dan margin juga.

Melacak bug #346521300 | Entri ChromeStatus.com | Spesifikasi

Mode penulisan menyamping CSS

Dukungan kata kunci sideways-rl dan sideways-lr untuk properti CSS writing-mode. sideways-rl dan sideways-lr berguna untuk menulis teks non-CJK secara vertikal. Keduanya tidak memiliki perilaku yang menguntungkan untuk bahasa CJK, tidak seperti vertical-rl dan vertical-lr.

MDN writing-mode | Melacak bug #40501131 | Entri ChromeStatus.com | Spesifikasi

Memuat

Pengambilan: Request.bytes() dan Response.bytes()

Tambahkan metode bytes() ke antarmuka Request dan Response, yang menampilkan promise yang diselesaikan dengan Uint8Array. Meskipun Request dan Response memiliki metode arrayBuffer(), Anda tidak dapat membaca langsung dari buffer. Anda harus membuat tampilan seperti Uint8Array untuk membacanya. Metode bytes() meningkatkan ergonomi untuk mendapatkan isi Permintaan dan Respons.

Melacak bug #340206277 | Entri ChromeStatus.com | Spesifikasi

Mengabaikan Strict-Transport-Security untuk localhost

Header respons Strict-Transport-Security (STS) dapat menyebabkan masalah bagi server web localhost karena STS berlaku di seluruh host, di semua port. Hal ini menyebabkan masalah kompatibilitas bagi developer web yang melakukan pengujian secara lokal. Hal ini juga memengaruhi pengguna akhir yang menggunakan paket software yang biasanya memulai server web localhost karena alasan sementara. Misalnya, komunikasi token autentikasi dari login web ke paket software lokal. Jika satu pemroses lokal menetapkan Strict-Transport-Security pada respons localhost, Strict-Transport-Security akan diterapkan ke semua permintaan localhost berikutnya, terlepas dari portnya.

Chrome 132 menyelesaikan masalah ini dengan mengabaikan header Strict-Transport-Security pada respons dari URL localhost.

Melacak bug #41251622 | Entri ChromeStatus.com

Media

Merekam semua layar

Ambil semua layar yang terhubung ke perangkat menggunakan getAllScreensMedia().

Memanggil getDisplayMedia() beberapa kali memerlukan beberapa gestur pengguna, membebani pengguna dengan memilih layar berikutnya setiap kali, dan tidak memastikan kepada aplikasi bahwa semua layar telah dipilih. Metode getAllScreensMedia() meningkatkan semua aspek ini.

Fitur ini hanya tersedia di Desktop.

Dokumen Desain | Melacak bug #40216442 | Entri ChromeStatus.com | Spesifikasi

Pengambilan Elemen

Dengan MediaStreamTrack video yang diperoleh melalui cara yang sudah ada untuk memulai perekaman tab, Element Capture memungkinkan mutasi jalur untuk hanya merekam sub-pohon DOM yang dimulai dari Elemen tertentu.

API ini memiliki beberapa kemiripan dengan Region Capture API, tetapi memberikan fleksibilitas yang lebih besar untuk aplikasi, karena konten yang menutupi dan tertutup dikecualikan dari pengambilan.

Demo | Melacak bug #270230413 | Entri ChromeStatus.com | Spesifikasi

Web API

PushMessageData::bytes()

Antarmuka PushMessageData meniru antarmuka Body, yang diubah awal tahun ini dengan metode bytes() baru, mengikuti prinsip bahwa API umumnya harus menjual buffering byte sebagai Uint8Arrays. Chrome 132 menyesuaikan dengan antarmuka Body dengan menyediakan aksesor bytes() di antarmuka PushMessageData juga.

MDN PushMessageData: metode bytes() | Melacak bug #373336950 | Entri ChromeStatus.com | Spesifikasi

Penampung scroll yang dapat difokuskan keyboard

Peluncuran fitur ini (dari Chrome 130) dihentikan karena regresi aksesibilitas. Masalah ini telah diperbaiki dan fitur tersebut terus diluncurkan dengan Chrome 132.

Scroller yang dapat difokuskan keyboard | Melacak bug #40113891 | Entri ChromeStatus.com | Spesifikasi

Device Posture API

API ini membantu developer mendeteksi postur perangkat foldable saat ini. Postur perangkat adalah posisi fisik tempat perangkat berada yang dapat berasal dari sensor selain sudut.

Dari meningkatkan kegunaan situs dengan menghindari area lipatan, hingga memungkinkan kasus penggunaan inovatif untuk web, mengetahui postur perangkat dapat membantu developer menyesuaikan konten mereka dengan berbagai perangkat.

Konten dapat digunakan dan dijelajahi meskipun perangkat tidak rata, dalam hal ini developer mungkin ingin menyediakan tata letak yang berbeda untuknya bergantung pada status postur saat perangkat digunakan.

Repo Git | Melacak bug #40124716 | Entri ChromeStatus.com | Spesifikasi

Kueri tersimpan di sharedStorage.selectURL

sharedStorage.selectURL() kini memungkinkan kueri disimpan dan digunakan kembali berdasarkan per halaman, dengan dua anggaran per pemuatan halaman ditagih saat pertama kali kueri tersimpan dijalankan, tetapi tidak untuk kueri tersimpan yang dijalankan berikutnya selama pemuatan halaman yang sama. Hal ini dilakukan dengan parameter savedQuery dalam opsi untuk selectURL() yang memberi nama kueri.

Melacak bug #367440966 | Entri ChromeStatus.com | Spesifikasi

Karakter pengganti daftar yang diizinkan default Kebijakan Izin Private State Token API

Akses ke Private State Token API dibatasi oleh fitur Kebijakan Izin. Chrome 132 memperbarui daftar yang diizinkan default untuk fitur private-state-token-issuance dan private-state-token-redemption dari self menjadi * (karakter pengganti).

Entri ChromeStatus.com | Spesifikasi

FedCM Mode API dan Use Other Account API

Dua ekstensi baru untuk FedCM:

  • Mode: Mode active memungkinkan situs memanggil FedCM di dalam klik tombol (misalnya, mengklik tombol Login ke IdP), yang mengharuskan FedCM untuk menjamin bahwa FedCM akan selalu merespons dengan antarmuka pengguna yang terlihat. Memanggil FedCM API dalam mode aktif akan mengarahkan pengguna untuk login ke Penyedia Identitas (IdP) saat pengguna logout. Selain itu, karena mode aktif dipanggil dalam gestur pengguna eksplisit, UI juga lebih terlihat (misalnya, dipusatkan dan modal) dibandingkan dengan UI dari mode pasif (yang tidak memerlukan persyaratan gestur pengguna dan dapat dipanggil saat pemuatan halaman).
  • Gunakan Akun Lain: Dengan ekstensi ini, IdP dapat mengizinkan pengguna login ke akun lain.

Demo | Melacak bug #370694829 | Entri ChromeStatus.com | Spesifikasi

Akses Sistem File untuk Android dan WebView

API ini memungkinkan developer membuat aplikasi canggih yang berinteraksi dengan aplikasi lain (non-Web) di perangkat pengguna menggunakan sistem file perangkat. Setelah pengguna memberikan akses aplikasi web, API ini memungkinkan aplikasi membaca atau menyimpan perubahan langsung ke file dan folder yang dipilih oleh pengguna. Selain membaca dan menulis file, API ini menyediakan kemampuan untuk membuka direktori dan menghitung kontennya, serta menyimpan handle file dan direktori di IndexedDB untuk nantinya mendapatkan kembali akses ke konten yang sama.

Akses Sistem File dikirimkan di Desktop di Chrome 86, dengan Chrome 132, akses ini tersedia di Android dan WebView.

File System Access API | Melacak bug #40091667 | Entri ChromeStatus.com | Spesifikasi

WebAuthn Signal API

Memungkinkan pihak tepercaya WebAuthn untuk memberikan sinyal informasi tentang kredensial yang ada kembali ke penyedia penyimpanan kredensial, sehingga kredensial yang salah atau dicabut dapat diperbarui atau dihapus dari UI penyedia dan sistem.

Pelajari lebih lanjut Signal API untuk kunci sandi di desktop Chrome.

Demo | Melacak bug #361751877 | Entri ChromeStatus.com | Spesifikasi

Rendering dan grafis

WebGPU: Penggabungan tekstur float 32-bit

Fitur GPU float32-blendable membuat tekstur GPU dengan format r32float, rg32float, dan rgba32float dapat digabungkan.

Melacak bug #369649348 | Entri ChromeStatus.com | Spesifikasi

WebGPU: Mengekspos GPUAdapterInfo dari GPUDevice

Atribut adapterInfo GPUDevice mengekspos GPUAdapterInfo yang sama dengan objek GPUAdapter.

Melacak bug #376600838 | Entri ChromeStatus.com | Spesifikasi

WebGPU: Penggunaan tampilan tekstur

Menambahkan kolom opsional ke pembuatan tampilan tekstur WebGPU untuk meminta subset flag penggunaan dari tekstur sumber.

Secara default, penggunaan tampilan tekstur diwarisi dari tekstur sumber, tetapi ada format tampilan yang mungkin tidak kompatibel dengan kumpulan lengkap penggunaan yang diwarisi. Menambahkan kolom penggunaan ke pembuatan tampilan tekstur memungkinkan pengguna meminta subkumpulan penggunaan tekstur sumber yang valid dengan format tampilan dan spesifik untuk penggunaan tampilan tekstur yang diinginkan.

Implementasi WebGPU juga dapat mengoptimalkan pembuatan resource level rendah dan meningkatkan performa saat menggunakan tampilan dengan flag penggunaan yang lebih khusus.

Melacak bug #363903526 | Entri ChromeStatus.com | Spesifikasi

Uji coba origin

Petunjuk kompilasi eksplisit dengan komentar ajaib

Fitur ini memungkinkan Anda melampirkan informasi tentang fungsi mana yang harus diurai dan dikompilasi dengan cepat dalam file JavaScript. Informasi akan dienkode sebagai komentar ajaib.

Uji Coba Origin | Penjelasan | Melacak bug #42203853 | Entri ChromeStatus.com

Document-Isolation-Policy

Document-Isolation-Policy memungkinkan dokumen mengaktifkan crossOriginIsolation untuk dirinya sendiri, tanpa harus men-deploy COOP atau COEP, dan apa pun status crossOriginIsolation halaman. Kebijakan ini didukung oleh isolasi proses. Selain itu, subresource lintas origin non-CORS dokumen akan dimuat tanpa kredensial atau harus memiliki header CORP.

Uji Coba Origin | Melacak bug #333029146 | Entri ChromeStatus.com | Spesifikasi

Penghentian dan penghapusan

navigator.storage dibuat menjadi EventTarget untuk Peristiwa Tekanan Penyimpanan, yang tidak pernah melewati fase prototipe. Kode mati ini sedang dihapus dan akibatnya, navigator.storage tidak akan lagi memperluas EventTarget.

Entri ChromeStatus.com | Spesifikasi

Menghapus API layar penuh HTMLVideoElement berawalan

API layar penuh HTMLVideoElement berawalan tidak digunakan lagi di Chrome.

API tersebut diganti dengan Element.requestFullscreen() API, yang pertama kali dikirim tanpa awalan di Chrome 71, pada tahun 2018. Mulai tahun 2024, sebagian besar browser telah memiliki dukungan untuk API tanpa awalan selama beberapa tahun.

Chrome 132 menghapus hal berikut dari HTMLVideoElement:

  • Atribut webkitSupportsFullscreen.
  • Atribut webkitDisplayingFullscreen.
  • Metode webkitEnterFullscreen().
  • Metode webkitExitFullscreen(). Perhatikan perbedaan kapitalisasi "S" di FullScreen.
  • Metode webkitEnterFullScreen().
  • Metode webkitExitFullScreen().

Metode ini kini hanya merupakan alias untuk API modern. Penggunaannya menurun secara bertahap selama bertahun-tahun.

Entri ChromeStatus.com

Bacaan lebih lanjut

Ingin mempelajari lebih lanjut? Lihat referensi tambahan ini.

Download Google Chrome

Download Chrome untuk Android, Desktop, atau iOS.