Penyahpepijatan JavaScript
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中文網(wǎng)(php.cn)</title> </head> <body> <h1>我的第一個 Web 頁面</h1> <p> 瀏覽器中(Chrome, IE, Firefox) 使用 F12 來啟用調(diào)試模式, 在調(diào)試窗口中點擊 "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中文網(wǎng)(php.cn)</title> </head> <head> </head> <body> <p id="demo"></p> <p>開啟調(diào)試工具,在代碼執(zhí)行到第三行前會停止執(zhí)行。</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
Buka penyemak imbas .
Pilih alat dalam menu.
Pilih Alat Pembangun dalam Alat.
Akhir sekali, pilih Console.
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.