Penyahpepijatan 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.
Alat Nyahpepijat JavaScript
Mencari ralat dalam kod program dipanggil penyahpepijatan 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.
Untuk menyahpepijat program JavaScript, menggunakan console.log() adalah cara yang lebih baik daripada alert() Sebabnya: fungsi alert() menyekat pelaksanaan program JavaScript , dengan itu menyebabkan kesan sampingan ; console.log() hanya mencetak maklumat yang berkaitan dalam konsol, jadi ia tidak menimbulkan kebimbangan yang sama
Apakah itu console.log()?
Kecuali beberapa versi penyemak imbas yang sangat lama, kebanyakan penyemak imbas hari ini mempunyai fungsi penyahpepijatan terbina dalam, walaupun ia tidak mempunyai fungsi penyahpepijatan, ia boleh ditambah dengan memasang pemalam. Sebagai contoh, versi lama Firefox tidak mempunyai alat penyahpepijatan terbina dalam Dalam kes ini, anda boleh menambah keupayaan penyahpepijatan dengan memasang pemalam Firebug. Pada penyemak imbas dengan keupayaan penyahpepijatan, pembolehubah ahli bernama konsol akan didaftarkan dalam objek tetingkap, yang merujuk kepada konsol dalam alat penyahpepijatan. Maklumat boleh dicetak dalam konsol dengan memanggil fungsi log() objek konsol. Sebagai contoh, kod berikut akan mencetak "Log sampel" dalam konsol:
Kod adalah seperti berikut: window.console.log("Sample log");
Kod di atas boleh Abaikan objek tetingkap dan terus menyingkatnya sebagai:
Kod adalah seperti berikut: console.log("Sample log");
console.log() boleh menerima sebarang rentetan, nombor dan objek JavaScript. Sama seperti fungsi alert(), console.log() juga boleh menerima aksara baris baharu n dan aksara tab t. Maklumat penyahpepijatan yang dicetak oleh pernyataan console.log() boleh dilihat dalam konsol penyahpepijatan penyemak imbas. Tingkah laku console.log() mungkin berbeza-beza dalam pelayar yang berbeza.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
//变量
var i = 'I am a string';
console.log('变量：',i);
//数组
var arr = [1,2,3,4,5];
console.log('数组：',arr);
//对象
var obj1 = {
key1 : 'value1',
key2 : 'value2',
key3 : 'value3'
};
var obj2 = {
key6 : 'value4',
key5 : 'value5',
key4 : 'value6'
};
var obj3 = {
key9 : 'value7',
key8 : 'value8',
key7 : 'value9'
};
console.log('对象：',obj1);
//对象数组
var objArr1 = [obj1,obj2,obj3];
var objArr2 = [[obj1],[obj2],[obj3]];
console.log('对象数组1：',objArr1);
console.log('对象数组1：',objArr2);
</script>
</head>
<body>
<p>
浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单。
</p>
</body>
</html>kata kunci penyahpepijat
kata kunci penyahpepijat digunakan untuk berhenti melaksanakan 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>
<script>
var x = 5 * 5 + 5;
debugger;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>Alat penyahpepijatan untuk penyemak imbas utama
Biasanya, untuk mendayakan alatan penyahpepijatan dalam penyemak imbas, tekan kekunci F12 dan pilih "Konsol" dalam menu penyahpepijatan.
Langkah untuk setiap penyemak imbas adalah seperti berikut:
Pelayar Chrome
Buka penyemak imbas. Pilih Alat daripada menu. Pilih Alat Pembangun dalam Alat. Akhir sekali, pilih Console.
Pelayar Firefox
Buka penyemak imbas. Lawati halaman:
http://www.getfirebug.com. Ikut arahan:
Pasang Firebug.
Pelayar Internet Explorer.
Buka penyemak imbas anda. Pilih Alat daripada menu. Pilih Alat Pembangun dalam Alat. Akhir sekali, pilih Console.
Opera
Buka penyemak imbas. Alat penyahpepijatan terbina dalam Opera ialah Dragonfly Untuk mendapatkan arahan terperinci, sila lawati halaman:
http://www.opera.com/dragonfly/.
Safari
Buka penyemak imbas. Klik kanan tetikus dan pilih Inspect Element. Pilih "Konsol" dalam tetingkap yang muncul di bahagian bawah.
bahagian seterusnya