Temukan alur kerja proses debug baru dengan referensi komprehensif tentang fitur proses debug Chrome DevTools ini.
Lihat Memulai Proses Debug JavaScript di Chrome DevTools untuk mempelajari dasar-dasar proses debug.
Menjeda kode dengan titik henti sementara
Tetapkan titik henti sementara agar Anda dapat menjeda kode di tengah eksekusi. Untuk mempelajari cara menetapkan titik henti sementara, lihat Menjeda Kode dengan Titik Henti Sementara.
Memeriksa nilai saat dijeda
Saat eksekusi dijeda, debugger mengevaluasi semua variabel, konstanta, dan objek dalam fungsi saat ini hingga titik henti sementara. Debugger menampilkan nilai saat ini secara inline di samping deklarasi yang sesuai.
Anda dapat menggunakan Konsol untuk membuat kueri variabel, konstanta, dan objek yang dievaluasi.
Melihat pratinjau properti class dan fungsi saat mengarahkan kursor
Saat eksekusi dijeda, arahkan kursor ke nama class atau fungsi untuk melihat pratinjau propertinya.
Melangkahi kode
Setelah kode dijeda, jalankan kode tersebut, satu ekspresi pada satu waktu, dengan menyelidiki alur kontrol dan nilai properti di sepanjang prosesnya.
Melewati baris kode
Saat dijeda pada baris kode yang berisi fungsi yang tidak relevan dengan masalah yang Anda debug, klik Step over step_over untuk mengeksekusi fungsi tersebut tanpa masuk ke dalamnya.
Misalnya, Anda men-debug kode berikut:
function updateHeader() {
var day = new Date().getDay();
var name = getName(); // A
updateName(name); // D
}
function getName() {
var name = app.first + ' ' + app.last; // B
return name; // C
}
Anda dijeda pada