JavaScript Hata Ayıklama

Hatalar her zaman olur, her zaman yeni bir bilgisayar kodu yazdığınızda.

JavaScript Hata Ayıklama

Hata ayıklayıcısız JavaScript yazmak zor olabilir.

Kodunuzda belki de dilbilgisi hataları veya yetersiz logic hataları var ve bu hatalar tanınması zor olabilir.

Genellikle, JavaScript kodunda hata varsa, bir şey olmaz. Hiçbir hata mesajı olmaz ve hata bulmanıza yardımcı olacak hiçbir göstergesi olmaz.

Genellikle yeni JavaScript kodu yazmaya çalıştığınızda hata meydana gelebilir.

JavaScript hata ayıklayıcı

Programlama kodundaki hataları bulmak olarak adlandırılır.

Hata ayıklama basittir değil. Ancak, şanslı olarak tüm modern tarayıcılar dahili hata ayıklayıcıya sahiptir.

Dahili hata ayıklayıcı açılabilir veya kapanabilir ve hataları kullanıcıya zorla bildirebilir.

Hata ayıklayıcı aracılığıyla, kesinti noktalarını (kodun durdurulduğu yer) ayarlayabilir ve kodun çalışırken değişkenleri kontrol edebilirsiniz.

Genellikle F12 tuşu ile tarayıcıdaki hata ayıklayıcıyı başlatır, ardından hata ayıklayıcı menüsünden "Konsol" seçeneğini seçersiniz.

console.log() yöntemi

Eğer tarayıcınız hata ayıklamayı destekliyorsa, console.log() Hata ayıklayıcı penceresinde JavaScript'in değerlerini gösterin:

örnek

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

亲自试一试

İpucu:console.log(c);

Kesinti noktası ayarla

Hata ayıklayıcı penceresinde, JavaScript kodunda kesinti noktaları ayarlayabilirsiniz.

Her kesinti noktasında, JavaScript çalışmayı durdurur ve JavaScript'in değerlerini kontrol etmenize olanak tanır.

Değerleri kontrol ettikten sonra, kodun çalışmasını geri yükleyebilirsiniz.

debugger anahtar kelimesi

debugger Anahtar kelime JavaScript'in çalışmasını durdurur ve (varsa) hata ayıklayıcı fonksiyonunu çağırır.

Bu, hata ayıklayıcıda bir kesinti ayarlamakla aynı işlevi görür.

Eğer hata ayıklayıcı kullanılamazsa,debugger cümle etkili değildir.

Eğer hata ayıklayıcı açık ise, bu kod üçüncü satırın çalışması öncesinde durur.

örnek

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

亲自试一试

主流浏览器的调试工具

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

否则请按照以下步骤：

Chrome

  • 打开浏览器
  • 从菜单中选择工具
  • 从工具中选择开发者工具
  • 最后，选择控制台

Firefox Firebug

  • 打开浏览器
  • 前往网页：http://www.getfirebug.com
  • 根据如下指令：如何安装 Firebug

Internet Explorer

  • 打开浏览器
  • 从菜单选择工具
  • 从工具选择开发者工具
  • 最后，选择控制台

Opera

  • 打开浏览器
  • 请前往网页：http://dev.opera.com
  • 根据如下指令：如何安装 Firebug Lite

Safari Geliştirme Menüsü

  • 点击 Safari 菜单，偏好设置，高级
  • ‘菜单栏中启用开发菜单’选中
  • Menüde yeni seçenek 'Geliştirme'出现时，选择'显示错误控制台'

Biliyor musunuz?

Hata ayıklama, bilgisayar programında hata (hatalar) bulmak ve azaltmak sürecidir.

Tarihte bilinen ilk bilgisayar hata, elektronik cihazlarda takılı olan gerçek bir böcek (bir böcek türü) idi.