Debugging pada JavaScript ~ KODELOVER

Susah untuk menulis kode JavaScript tanpa debugger.

Kode yang telah Anda buat mungkin berisi kesalahan sintaks, atau kesalahan logis, yang sulit untuk didiagnosis.

Seringkali, saat kode JavaScript terdapat kesalahan, tidak akan terjadi apa-apa. Tidak ada pesan kesalahan, dan juga tidak akan mendapatkan indikasi untuk mencari kesalahan.

biasanya, kesalahan akan terjadi, setiap kali mencoba menulis beberapa kode JavaScript baru.

Debugger JavaScript

Mencari kesalahan dalam kode pemrograman disebut kode debugging.

Debugging tidak mudah. Tapi untungnya, semua browser modern memiliki built-in debugger.

buffer built-in dapat dinyalakan dan dimatikan, memaksa kesalahan dilaporkan ke pengguna.

Dengan debugger, Anda juga dapat mengatur breakpoints (tempat eksekusi kode dapat dihentikan), dan memeriksa variabel saat kode dijalankan.

biasanya, jika tidak ikuti langkah-langkah di bagian bawah halaman ini, Anda mengaktifkan debugging di browser Anda dengan tombol F12, dan pilih "Console" pada menu debugger.
Metode console.log ()

Jika browser Anda mendukung debugging, Anda dapat menggunakan console.log () untuk menampilkan nilai JavaScript di jendela debugger:
Contoh

<!DOCTYPE html>
<html>
<body>

<h1>Halaman Web</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);</script>

</body>
</html>

Mengatur breakpoints

Di jendela debugger, Anda dapat mengatur breakpoints dalam kode JavaScript.

Pada setiap breakpoint, JavaScript akan berhenti mengeksekusi, dan membiarkan Anda memeriksa nilai JavaScript.

Setelah memeriksa nilai, Anda dapat melanjutkan eksekusi kode (biasanya dengan tombol putar).
Kata kunci debugger

Kata kunci debugger menghentikan eksekusi JavaScript, dan panggilan (jika tersedia) fungsi debugging.

Ini memiliki fungsi yang sama seperti pengaturan breakpoint di debugger.

Jika tidak ada debugging, pernyataan debugger tidak berpengaruh.

Dengan debugger dihidupkan, kode ini akan berhenti dijalankan sebelum menjalankan baris ketiga.
Contoh

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

Alat Debugging Peramban Utama

biasanya, Anda mengaktifkan debugging di browser Anda dengan F12, dan pilih "Console" pada menu debugger.

Jika tidak, ikuti langkah-langkah ini:
Chrome

buka browser.
Dari menu, pilih tools.
Dari alat, pilih alat pengembang.
Terakhir, pilih Konsol.

Firebug firebug

buka browser.
Pergi ke halaman web:
Http://www.getfirebug.com
Ikuti petunjuk caranya:
Instal Firebug

Internet Explorer

buka browser.
Dari menu, pilih tools.
Dari alat, pilih alat pengembang.
Terakhir, pilih Konsol.

Opera

buka browser.
buka halaman web:
Http://dev.opera.com
Ikuti petunjuk caranya:
Tambahkan tombol Konsol Pengembang ke bilah alat Anda.

Safari Firebug

buka browser.
buka halaman web:
Http://extensions.apple.com
Ikuti petunjuk caranya:
Instal Firebug Lite.

Safari Menu Pengembangan

buka Safari, Preferences, Advanced di menu utama.
Centang "Enable Show Mengembangkan menu pada menu bar".
Saat opsi baru "Develop" muncul di menu:
Pilih "Show Error Console".

Debugging adalah proses pengujian, penemuan, dan pengurangan bugs (kesalahan) pada program komputer.
bug komputer pertama yang diketahui adalah serangga sungguhan (seekor serangga), terjebak dalam elektronik.

KODELOVER

Debugging pada JavaScript

Related Post