Pemantauan JavaScript

Kesalahan akan terjadi, setiap kali Anda menulis kode komputer baru.

Pemantauan JavaScript

Menulis JavaScript tanpa debugger sulit.

Kode Anda mungkin mengandung kesalahan sintaksis atau logis, yang sulit untuk diagnosa.

biasanya, jika kode JavaScript mengandung kesalahan, tidak akan terjadi hal apapun. Tidak ada pesan kesalahan, dan tidak ada indikasi yang dapat Anda gunakan untuk mencari kesalahan.

biasanya, setiap kali Anda mencoba menulis kode JavaScript baru, mungkin terjadi kesalahan.

debugger JavaScript

Mencari kesalahan di kode pemrograman disebut debugging kode.

debugging bukanlah hal yang sederhana. Namun, beruntungnya, semua browser modern memiliki debugger yang disertakan.

debugger yang disertakan dapat dibuka atau ditutup, memaksa untuk melaporkan kesalahan kepada pengguna.

melalui debugger, Anda juga dapat menetapkan tanda terhenti (tempat eksekusi kode dihentikan) dan memeriksa variabel saat kode dieksekusi.

biasanya dijalankan melalui tombol F12 untuk memulai debugger di browser, lalu pilih "Konsol" di menu debugger.

metode console.log()

jika browser Anda mendukung debugging, Anda dapat menggunakan console.log() Tampilkan nilai JavaScript di jendela debugging:

contoh

<!DOCTYPE html>
<html>
<body>
<h1>Halaman Web Pertama Saya</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>

Coba sendiri

catatan:Silakan kunjungi referensi pustaka JavaScript Console kami untuk mendapatkan informasi lebih lanjut tentang metode console.log().

tetapkan tanda terhenti

di jendela debugging, Anda dapat menetapkan tanda terhenti di kode JavaScript.

pada setiap tanda terhenti, JavaScript akan berhenti dieksekusi, sehingga Anda dapat memeriksa nilai JavaScript.

setelah memeriksa nilai, Anda dapat melanjutkan eksekusi kode.

kata kunci debugger

debugger kata kunci ini akan menghentikan eksekusi JavaScript dan memanggil (jika ada) fungsi debugging.

ini sama fungsinya seperti menetapkan tanda terhenti di debugger.

jika debugger tidak tersediadebugger kalimat ini tidak ada efek.

Jika debugger sudah dibuka, kode ini akan berhenti berjalan sebelum baris ketiga dieksekusi.

contoh

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

Coba sendiri

Alat pemindaian browser utama

Biasanya, Anda mengaktifkan pemindaian melalui tombol F12 di browser dan memilih 'Konsol' di menu pemindaian.

Jika tidak, silakan ikuti langkah-langkah berikut:

Chrome

  • Buka peramban
  • Pilih alat dari menu
  • Pilih alat Developer dari daftar alat
  • Akhirnya, pilih konsol

Firebug Firefox

  • Buka peramban
  • Pergi ke halaman: http://www.getfirebug.com
  • Berdasarkan instruksi berikut: Bagaimana menginstal Firebug

Internet Explorer

  • Buka peramban
  • Pilih alat dari menu
  • Pilih alat Developer dari daftar alat
  • Akhirnya, pilih konsol

Opera

  • Buka peramban
  • Pergi ke halaman: http://dev.opera.com
  • Berdasarkan instruksi berikut: Bagaimana menginstal Firebug Lite

Menu Safari Develop

  • Klik menu Safari, Pengaturan, Mahir
  • Pilih 'Aktifkan Menu Development di Bilah Menu'
  • Ketika opsi baru 'Development' muncul di menu, pilih 'Tampilkan Konsol Error'

Tahukah kamu?

Pemindaian adalah proses untuk menguji, menemukan, dan mengurangi bug (kesalahan) dalam program komputer.

Bug komputer yang pertama yang diketahui adalah serangga nyata yang terperangkap di perangkat elektronik (jenis serangga).