tutorial pengembangan web terbaru
 

JavaScript debugging

❮ Sebelumnya Berikutnya Bab ❯

Sangat mudah untuk tersesat menulis kode JavaScript tanpa debugger.

JavaScript Debugging

Sulit untuk menulis kode JavaScript tanpa debugger.

Kode Anda mungkin mengandung kesalahan sintaks, atau kesalahan logis, yang sulit untuk mendiagnosa.

Seringkali, ketika kode JavaScript mengandung kesalahan, tidak akan terjadi. Tidak ada pesan error, dan Anda akan mendapatkan ada indikasi di mana untuk mencari kesalahan.

Biasanya, kesalahan akan terjadi, setiap kali Anda mencoba untuk menulis beberapa kode JavaScript baru.

Debugger JavaScript

Mencari kesalahan dalam kode pemrograman disebut kode debug.

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

Built-in debugger dapat diaktifkan dan dinonaktifkan, memaksa kesalahan harus dilaporkan kepada pengguna.

Dengan debugger, Anda juga dapat mengatur breakpoints (tempat di mana eksekusi kode dapat dihentikan), dan memeriksa variabel sementara kode mengeksekusi.

Biasanya, jika tidak ikuti langkah-langkah di bagian bawah halaman ini, Anda mengaktifkan debugging di browser Anda dengan tombol F12, dan pilih "Console" di menu debugger.

The console.log() Metode

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

Contoh

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

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

</body>
</html>
Cobalah sendiri "

pengaturan Breakpoints

Pada 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-nilai, Anda dapat melanjutkan eksekusi kode (biasanya dengan tombol putar).

Debugger Kata Kunci

Debugger kata kunci berhenti eksekusi JavaScript, dan panggilan (jika tersedia) fungsi debugging.

Ini memiliki fungsi yang sama seperti pengaturan breakpoint di debugger.

Jika tidak ada debugging tersedia, pernyataan debugger tidak berpengaruh.

Dengan debugger diaktifkan, kode ini akan berhenti mengeksekusi sebelum mengeksekusi baris ketiga.

Contoh

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

Browser utama 'Debugging Alat

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

Jika tidak ikuti langkah berikut:

Chrome

  • Buka browser.
  • Dari menu, pilih alat.
  • Dari alat, pilih alat pengembang.
  • Akhirnya, pilih Console.

Firefox Firebug

  • Buka browser.
  • Pergi ke halaman web:
    http://www.getfirebug.com
  • Ikuti petunjuk cara:
    install Firebug

Internet Explorer

  • Buka browser.
  • Dari menu, pilih alat.
  • Dari alat, pilih alat pengembang.
  • Akhirnya, pilih Console.

Opera

  • Buka browser.
  • Pergi ke halaman web:
    http://dev.opera.com
  • Ikuti petunjuk cara:
    menambahkan Pengembang tombol Console untuk toolbar Anda.

Safari Firebug

  • Buka browser.
  • Pergi ke halaman web:
    http://extensions.apple.com
  • Ikuti petunjuk cara:
    install Firebug Lite.

Safari Develop Menu

  • Pergi ke Safari, Preferences, Advanced di menu utama.
  • Periksa "Aktifkan Tampilkan menu di menu bar Mengembangkan".
  • Ketika opsi baru "Mengembangkan" muncul dalam menu:
    Pilih "Tampilkan Kesalahan Console".

Tahukah kamu?

Debugging adalah proses pengujian, menemukan, dan mengurangi bug (kesalahan) dalam program komputer.
Bug komputer pertama dikenal adalah bug nyata (serangga) terjebak dalam elektronik.


❮ Sebelumnya Berikutnya Bab ❯