Informasi Web Vitals muncul di panel Performa
Arahkan kursor ke penanda Data Web di panel Performa untuk memahami indikatornya - apakah performanya baik, perlu ditingkatkan, atau buruk.
Masalah Chromium: 1147872
Memvisualisasikan scroll-snap CSS
Anda kini dapat mengganti badge scroll-snap di panel Elemen untuk memeriksa perataan scroll-snap CSS.
Saat elemen HTML di halaman Anda (misalnya, halaman demo ini) menerapkan scroll-snap-type, Anda dapat melihat badge scroll-snap di sampingnya di panel Elemen. Klik badge untuk mengalihkan tampilan overlay scroll-snap di halaman.
Pada contoh di atas, Anda dapat melihat tanda titik pada tepi penyesuaian. Port scroll memiliki garis batas solid, sedangkan item snap memiliki garis batas putus-putus. Padding scroll diisi dengan warna hijau, sedangkan margin scroll diisi dengan warna oranye.
Masalah Chromium: 862450
Pemeriksa Memori baru
Gunakan Pemeriksa memori baru untuk memeriksa ArrayBuffer di JavaScript, serta memori Wasm.
Buka halaman demo ini. Di panel Sources, buka file demo-js.js, lalu tetapkan titik henti sementara di baris 18.
Muat ulang halaman. Luaskan bagian Cakupan di panel debugger kanan. Perhatikan ikon baru di samping nilai buffer. Klik ikon tersebut untuk menampilkan Pemeriksa Memori.
Lihat dokumentasi untuk mempelajari lebih lanjut cara memeriksa JavaScript