debugging JavaScript
Saat menulis JavaScript, jika tidak ada alat debugging adalah hal yang sangat menyakitkan.
debugging JavaScript
alat debugging tidak sulit untuk menulis program JavaScript.
Kode Anda mungkin mengandung kesalahan sintaks, kesalahan logika, jika ada alat debugging, kesalahan ini lebih sulit untuk menemukan.
Biasanya, jika kesalahan JavaScript terjadi, tidak akan ada prompt, sehingga Anda tidak dapat menemukan kode lokasi yang salah.
Biasanya, Anda menulis terjadi kesalahan dalam proses kode JavaScript baru. |
alat debugging JavaScript
Mencari kesalahan dalam kode program disebut debugging.
Debugging sulit, tapi untungnya, banyak browser memiliki built-in alat debugging.
Built-in alat debugging dapat dimulai atau ditutup, pesan kesalahan serius akan dikirim ke pengguna.
Dengan alat debugging, kita dapat mengatur breakpoint (berhenti posisi eksekusi kode), dan dapat mendeteksi ketika eksekusi kode variabel.
Diaktifkan alat debugging browser yang umumnya tekan tombol F12, dan pilih "Console" di menu Debug.
console.log () metode
Jika browser mendukung debugging, Anda dapat menggunakan console.log () metode cetak JavaScript nilai pada jendela debug:
contoh
<Html>
<Body>
<H1> My Halaman Web Pertama </ h1>
<Script>
a = 5;
b = 6;
c = a + b;
console.log (c);
</ Script>
</ Body>
</ Html>
Coba »
Mengatur breakpoint
Pada jendela Debug, Anda dapat mengatur breakpoints kode JavaScript.
Pada setiap breakpoint akan berhenti mengeksekusi kode JavaScript untuk memeriksa nilai variabel dalam JavaScript kita.
Setelah pemeriksaan selesai, Anda dapat menjalankan kembali kode (seperti tombol Play).
debugger kata kunci
debugger kata kunci untuk menghentikan eksekusi JavaScript, dan memanggil fungsi debugger.
kata kunci ini dan mengatur breakpoint di alat debugging, efeknya adalah sama.
Jika tidak ada debug, pernyataan debugger tidak akan bekerja.
Terbuka debugger, eksekusi kode dihentikan sebelum baris ketiga.
Alat peramban debugging utama
Biasanya, browser mengaktifkan alat debugging umumnya tekan tombol F12, dan pilih "Console" di menu Debug.
Setiap browser, ikuti langkah berikut:
browser Chrome
- Buka browser Anda.
- Pilih Tools di menu.
- Pilih Tools Developer Tools.
- Akhirnya, pilih Console.
Browser Firefox
- Buka browser Anda.
- Mengakses halaman:
http://www.getfirebug.com. - Ikuti petunjuk:
Install Firebug.
browser Internet Explorer.
- Buka browser Anda.
- Pilih Tools di menu.
- Pilih Tools Developer Tools.
- Akhirnya, pilih Console.
opera
- Buka browser Anda.
- Opera built-in tools untuk Dragonfly debugging, penjelasan rinci dapat ditemukan di halaman kunjungan:
http://www.opera.com/dragonfly/.
Safari
- Buka browser Anda.
- Klik kanan dan pilih Inspect Element.
- Pilih "Control Panel" di bagian bawah jendela pop-up.