Pemantauan JavaScript

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

Pemantauan JavaScript

Menulis JavaScript tanpa debugger adalah sukar.

Kode Anda mungkin mengandungi kesalahan sintaks, atau kesalahan logika, yang sukar untuk diagnosik.

Biasanya, jika kode JavaScript mengandungi kesalahan, tiada sesuatu yang terjadi. Tiada pesan kesalahan, dan tiada petunjuk yang dapat digunakan untuk mencari kesalahan.

Biasanya, setiap kali Anda mencoba menulis kode JavaScript baru, kesalahan boleh terjadi.

Debugger JavaScript

Mencari kesalahan di dalam kode pemrograman disebut debug kode.

Mendapatkan debug bukanlah sesuatu yang mudah. Namun, beruntungnya, semua browser modern mempunyai debugger yang diintegrasikan.

debugger yang terdapat di dalam sistem boleh dibuka atau ditutup, memaksa laporan kesalahan diberikan kepada pengguna.

melalui debugger, Anda juga dapat mengatur tanda berhenti (tempat eksekusi kode dihentikan), dan memeriksa variabel semasa eksekusi kode.

biasanya melalui tombol F12 untuk melancarkan debugger di dalam browser, kemudian pilih "Konsol" di dalam menu debugger.

metode console.log()

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

实例

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>

Try it yourself

Petunjuk:Silakan lawati panduan referensi JavaScript Console kami untuk mendapatkan informasi lebih lanjut tentang metode console.log().

atur tanda berhenti

di dalam jendela debug, Anda dapat mengatur tanda berhenti di dalam kode JavaScript.

pada setiap tanda berhenti, JavaScript akan berhenti dijalankan untuk memungkinkan Anda memeriksa nilai JavaScript.

setelah memeriksa nilai, Anda dapat melanjutkan eksekusi kode.

kata kunci debugger

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

ini adalah fungsi yang sama seperti mengatur tanda berhenti di dalam debugger.

jika debugger tidak tersedia,debugger pernyataan ini tidak mempunyai kesan.

jika debugger telah dibuka, kod ini akan berhenti menjalankan sebelum baris ketiga dijalankan.

实例

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

Try it yourself

Mainstream Browser Debugging Tools

通常，您在浏览器中通过 F12 键启用调试，并在调试器菜单中选择“控制台”。

Otherwise, please follow the following steps:

Chrome

  • Open the browser
  • From Menu, select Tools
  • From Tools, select Developer Tools
  • Finally, select Console

Firefox Firebug

  • Open the browser
  • Go to the web page: http://www.getfirebug.com
  • According to the following instructions: How to Install Firebug

Internet Explorer

  • Open the browser
  • From Menu, select Tools
  • From Tools, select Developer Tools
  • Finally, select Console

Opera

  • Open the browser
  • Please go to the web page: http://dev.opera.com
  • According to the following instructions: How to Install Firebug Lite

Safari Develop Menu

  • Click Safari Menu, Preferences, Advanced
  • Check 'Enable Developer Menu in Menu Bar'
  • When a new option 'Developer' appears in the menu, select 'Show Error Console'

Did you know?

Debugging is the process of testing, finding, and reducing bugs (errors) in computer programs.

The first known computer bug was a real insect (a type of bug) that got stuck in an electronic device.