Chrome DevTools adalah serangkaian alat developer web yang langsung disertakan ke browser Google Chrome. DevTools memungkinkan Anda mengedit halaman dengan cepat dan mendiagnosis masalah dengan cepat, sehingga membantu Anda membuat situs yang lebih baik dan lebih cepat.
Semua cara yang dilakukan untuk membuka Chrome DevTools.
Dapatkan info terkini terkait perubahan DevTools terbaru.
Serangkaian video singkat untuk membantu Anda mempelajari fitur di DevTools.

Perintah dan pintasan

Menyelesaikan tugas dengan cepat.
Membuka menu perintah, menjalankan perintah, membuka file, melihat tindakan lainnya, dan lainnya.
Referensi komprehensif pintasan keyboard.
Lihat tampilan dan perilaku halaman web saat JavaScript dinonaktifkan.
Menyimulasikan perangkat untuk membuat situs yang mengutamakan seluler.
Menemukan teks di seluruh aset yang dimuat dengan panel Telusuri.

Panel

Temukan kemampuan dari setiap panel DevTools.
Pelajari cara melihat dan mengubah DOM halaman.
Pelajari cara melihat dan mengubah CSS halaman.
Mencatat pesan ke dalam log dan menjalankan JavaScript.
Lihat dan edit file, buat cuplikan, debug JavaScript, dan siapkan ruang kerja.
Catat permintaan jaringan ke dalam log.
Mengevaluasi performa situs.
Menemukan masalah memori yang memengaruhi performa halaman, termasuk kebocoran memori, dan lainnya.
Periksa, ubah, dan debug aplikasi web, uji cache, lihat penyimpanan, dan lainnya.
Rekam, putar ulang, ukur alur pengguna, dan edit langkah-langkahnya.
Temukan kumpulan opsi yang memengaruhi rendering konten web.
Menemukan dan memperbaiki masalah pada situs.
Pastikan halaman dilindungi sepenuhnya oleh HTTPS.
Memeriksa ArrayBuffer, TypedArray, atau DataView di JavaScript, serta WebAssembly dan memori aplikasi C++ Wasm.
Ganti string agen pengguna.
Melihat informasi dan men-debug pemutar media per tab browser.
Memeriksa dan mengubah animasi.
Melacak perubahan pada HTML, CSS, dan JavaScript.
Temukan dan analisis kode JavaScript dan CSS yang tidak digunakan.
Periksa apakah peta sumber berhasil dimuat dan muat secara manual.
Identifikasi potensi peningkatan CSS.
Optimalkan kecepatan situs dengan panel Lighthouse.
Dapatkan hasil analisis yang bisa ditindaklanjuti tentang performa situs Anda.
Emulasi sensor perangkat.
Emulasikan pengautentikasi.