masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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中文网(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

  • 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.



Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492293 permainan