En son web geliştirme öğreticiler
 

JavaScript Hata ayıklama

❮ Önceki Sonraki Bölüm ❯

Bir hata ayıklayıcı olmadan JavaScript kodu yazarken kaybolmak kolaydır.

JavaScript hata ayıklama

Bir hata ayıklayıcı olmadan JavaScript kodu yazmak zordur.

Kodunuz teşhisi zordur sözdizimi hataları veya mantıksal hataları içerebilir.

JavaScript kodu hatalar içeriyor Çoğu zaman, hiçbir şey olmaz. Hata iletisi vardır ve nerede hataları aramak için hiçbir endikasyonları alacak.

Normalde, hatalar, bazı yeni JavaScript kodu yazmaya çalışıyorum her zaman olur.

JavaScript Debugger'lar

programlama kodu Hatalar aranıyor kod hata ayıklama denir.

Hata ayıklama kolay değildir. Ama neyse ki, tüm modern tarayıcılarda yerleşik bir debugger var.

Dahili hata düzeltici kullanıcıya bildirilmelidir hataları zorlayarak, açılıp kapatılabilir.

kod yürütülürken bir hata ayıklayıcı ile, aynı zamanda değişkenleri kesme noktaları (kod yürütme durdurulabilir yerler) ayarlayabilir ve inceleyebilirsiniz.

Normalde, aksi takdirde, F12 tuşuyla tarayıcınızda hata ayıklama etkinleştirmek bu sayfanın sonundaki adımları izleyin ve seçmek "Console" ayıklayıcı menüsünde.

console. log() console. log() Yöntem

Tarayıcınız hata ayıklama destekliyorsa, kullanabilirsiniz console. log() console. log() ayıklayıcı penceresinde JavaScript değerleri görüntülemek için:

Ö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>
Kendin dene "

kesme noktalarını ayarlama

ayıklayıcı penceresinde, JavaScript kodunda kesme noktaları ayarlayabilirsiniz.

Her kesme noktasında, JavaScript yürütme durdurma ve JavaScript değerlerini inceleyelim olacaktır.

değerlerini inceleyerek sonra, (tipik olarak bir oynat düğmesi bulunan) kod yürütülmesine devam edebilirsiniz.

ayıklayıcı Kelimeler

Ayıklayıcı kelime JavaScript yürütülmesini ve arama durur (if available) ayıklama işlevi.

Bu ayıklayıcısında bir kesme noktası ayarlama ile aynı işleve sahiptir.

Hiçbir hata ayıklama varsa, ayıklayıcı deyimi hiçbir etkisi olmaz.

ayıklayıcı açıkken, bu kod üçüncü satır yürütmeden önce yürütme durdurulur.

Örnek

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;
Kendin dene "

Büyük tarayıcılar hata ayıklama araçları

Normalde, F12 ile tarayıcınızda hata ayıklama etkinleştirmek ve seçmek "Console" ayıklayıcı menüsünde.

Aksi takdirde şu adımları izleyin:

Chrome

  • tarayıcısını açın.
  • Menüden araçları seçin.
  • araçlarından, geliştirici araçları seç.
  • Son olarak, Konsolu seçin.

Firefox Firebug

  • tarayıcısını açın.
  • web sayfasına gidin:
    http://www.getfirebug.com
  • nasıl talimatları uygulayın:
    Firebug'u yüklemek

Internet Explorer

  • tarayıcısını açın.
  • Menüden araçları seçin.
  • araçlarından, geliştirici araçları seç.
  • Son olarak, Konsolu seçin.

Opera

  • tarayıcısını açın.
  • web sayfasına gidin:
    http://dev.opera.com
  • nasıl talimatları uygulayın:
    Araç çubuğunuza bir Geliştirici Konsolu düğmesi ekleyin.

Safari Firebug

  • tarayıcısını açın.
  • web sayfasına gidin:
    http://extensions.apple.com
  • nasıl talimatları uygulayın:
    Kundakçı Lite yükleyin.

Safari Develop Menu

  • Ana menüde Safari, Tercihler, Gelişmiş sekmesine gidin.
  • Kontrol "Enable Show Develop menu in menu bar" .
  • Ne zaman yeni bir seçenek "Develop" menüsünde görüntülenir:
    Seç "Show Error Console" .

Biliyor musun?

Hata ayıklama bulma ve hataları azaltarak, test işlemidir (errors) bilgisayar programlarında.
Bilinen ilk bilgisayar böcek gerçek bir hata oldu (an insect) elektronik sıkışmış.


❮ Önceki Sonraki Bölüm ❯