Chrome DevTools menawarkan banyak alat canggih yang membantu Anda memeriksa dan meningkatkan aplikasi web secara mendalam.
Video berikut memberikan ringkasan tentang enam alat dasar, termasuk tombol Periksa dan Mode Perangkat, beserta panel Elemen, Konsol, Sumber, dan Jaringan. Selain itu, Anda akan mempelajari tab Gaya dan cara menyesuaikan DevTools.
Tonton video untuk mempelajari cara:
- Memeriksa dan mengedit elemen DOM.
- Visualisasikan dan ubah dimensi elemen dengan Model Kotak.
- Lihat tampilan halaman Anda di perangkat seluler.
- Identifikasi error JavaScript dengan panel Konsol.
- Debug JavaScript menggunakan titik henti sementara di panel Sumber.
- Analisis dan filter aktivitas jaringan di panel Jaringan.
- Simulasi kecepatan koneksi yang lebih lambat.
- Sesuaikan DevTools.
Untuk ringkasan mendalam, lihat ringkasan DevTools kami.