Menulis JavaScript tanpa alat nyahpepijat akan menjadi sesuatu yang menyakitkan.
Penyahpepijat JavaScript
Sukar untuk menulis atur cara JavaScript tanpa alat nyahpepijat.
Kod anda mungkin mengandungi ralat sintaks dan ralat logik. Ralat ini sukar dicari tanpa alat nyahpepijat.
Biasanya, jika terdapat ralat dalam JavaScript, tidak akan ada mesej gesaan, jadi anda tidak dapat mencari lokasi ralat kod tersebut.
Petua: Biasanya, ralat akan berlaku apabila anda menulis kod JavaScript baharu.
Alat Nyahpepijat JavaScript
Mencari ralat dalam kod atur cara dipanggil nyahpepijat kod.
Nyahpepijat adalah sukar, tetapi mujurlah, banyak penyemak imbas mempunyai alat penyahpepijatan terbina dalam.
Alat penyahpepijatan terbina dalam boleh dimulakan atau dimatikan dan mesej ralat yang serius akan dihantar kepada pengguna.
Dengan alat penyahpepijatan, kami boleh menetapkan titik putus (di mana kod berhenti melaksanakan) dan memeriksa pembolehubah semasa kod sedang dilaksanakan.
Untuk mendayakan alat penyahpepijatan dalam penyemak imbas, secara amnya tekan kekunci F12 dan pilih "Konsol" dalam menu penyahpepijatan.
kaedah console.log()
Jika penyemak imbas menyokong penyahpepijatan, anda boleh menggunakan konsol. Kaedah log() mencetak nilai JavaScript pada tetingkap nyahpepijat:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<h1>我的第一个 Web 页面</h1>
<p>
浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单。
</p>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
Jalankan atur cara dan cuba
Tetapkan titik putus
Dalam tetingkap nyahpepijat, anda boleh menetapkan titik putus pada kod JavaScript.
Pada setiap titik putus, pelaksanaan kod JavaScript akan berhenti supaya kita boleh menyemak nilai pembolehubah JavaScript.
Selepas menyemak, anda boleh melaksanakan semula kod (seperti butang main). Kata kunci penyahpepijat digunakan untuk menghentikan pelaksanaan JavaScript dan memanggil fungsi nyahpepijat.
Kata kunci ini mempunyai kesan yang sama seperti menetapkan titik putus dalam alat nyahpepijat.
Pernyataan penyahpepijat tidak akan berfungsi jika tiada penyahpepijatan tersedia. Dayakan penyahpepijat dan kod berhenti melaksanakan sebelum baris ketiga.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<head>
</head>
<body>
<p id="demo"></p>
<p>开启调试工具，在代码执行到第三行前会停止执行。</p>
<script>
var x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>Jalankan program dan cuba
Alat nyahpepijat pelayar utama
Biasanya, untuk mendayakan alatan penyahpepijatan dalam pelayar, tekan kekunci F12 dan pilihnya dalam menu penyahpepijatan "Konsol" .
Langkah untuk setiap penyemak imbas adalah seperti berikut:
Pelayar Chrome
Pelayar Firefox
Buka penyemak imbas anda.
Lawati halaman:
http://www.getfirebug.com.
Ikuti arahan:
Pasang Firebug.
Pelayar Internet Explorer.
Buka penyemak imbas anda.
Pilih alat dalam menu.
Pilih Alat Pembangun dalam Alat.
Akhir sekali, pilih Console.
Opera
Buka penyemak imbas anda.
Alat penyahpepijatan terbina dalam Opera ialah Dragonfly Untuk mendapatkan arahan terperinci, sila lawati halaman:
http://www.opera.com/dragonfly/.
Safari
Buka penyemak imbas anda.
Klik kanan tetikus dan pilih Inspect Element.
Pilih "Konsol" dalam tetingkap timbul di bahagian bawah.
bahagian seterusnya