Menjeda kode dengan titik henti sementara

Kayce Basques
Kayce Basques
Sofia Emelianova
Sofia Emelianova

Gunakan titik henti sementara untuk menjeda kode JavaScript Anda. Panduan ini menjelaskan setiap jenis titik henti sementara yang tersedia di DevTools, serta kapan harus menggunakan dan cara menetapkan setiap jenis. Untuk tutorial interaktif tentang proses proses debug, lihat Memulai Proses Debug JavaScript di Chrome DevTools.

Ringkasan kapan harus menggunakan setiap jenis titik henti sementara

Jenis titik henti sementara yang paling terkenal adalah baris kode. Namun, titik henti sementara baris kode dapat tidak efisien untuk ditetapkan, terutama jika Anda tidak tahu persis tempat untuk mencari, atau jika Anda menggunakan codebase yang besar. Anda dapat menghemat waktu saat melakukan proses debug dengan mengetahui cara dan waktu untuk menggunakan jenis titik henti sementara lainnya.

Jenis Titik Henti SementaraGunakan ini jika Anda ingin ...
Baris kodeJeda pada wilayah kode yang tepat.
Baris kode bersyaratJeda di wilayah kode yang tepat, tetapi hanya jika beberapa kondisi lain benar.
Titik logCatat pesan ke Konsol tanpa menjeda eksekusi.
DOMJeda pada kode yang mengubah atau menghapus node DOM tertentu, atau turunannya.
XHRJeda saat URL XHR berisi pola string.
Pemroses peristiwaJeda kode yang berjalan setelah peristiwa, seperti click, diaktifkan.
PengecualianJeda pada baris kode yang menampilkan pengecualian yang tertangkap atau tidak tertangkap.
FungsiJeda setiap kali fungsi tertentu dipanggil.
Jenis TepercayaJeda pada pelanggaran Jenis Tepercaya.

Titik henti sementara baris kode

Gunakan titik henti sementara baris kode saat Anda mengetahui wilayah kode yang tepat yang perlu diselidiki. DevTools selalu dijeda sebelum baris kode ini dijalankan.

Untuk menetapkan titik henti sementara baris kode di DevTools:

  1. Klik panel Sumber.
  2. Buka file yang berisi baris kode yang ingin Anda hentikan.
  3. Buka baris kode.
  4. Di sebelah kiri baris kode terdapat kolom nomor baris. Klik lab-report-service tersebut. Ikon biru akan muncul di bagian atas kolom nomor baris.