Ext.js - Ext JS kodunda hata ayıklama

Herhangi bir JavaScript kodu kullanılarak hata ayıklanabilir alert() kutu veya console.log() veya bir hata ayıklayıcıdaki hata ayıklama işaretçisi ile.

Uyarı Kutusu

Koda akışı veya herhangi bir değişken değeri kontrol etmek istediğiniz yere bir uyarı kutusu yerleştirin. Örneğin, alert ('gösterilecek mesaj' + değişken);

Geliştirme / Hata Ayıklama Aracı

Hata ayıklayıcı, herhangi bir geliştiricinin geliştirme sırasında koddaki sorunu ve hatayı kontrol etmesi için en önemli araçtır.

Ext JS bir JavaScript çerçevesidir, bu nedenle farklı tarayıcılar tarafından sağlanan veya bunlara özel geliştirici araçları kullanılarak kolayca hata ayıklanabilir. Tüm büyük tarayıcılar, JavaScript kodunu test etmek ve hata ayıklamak için kendi geliştirici araçlarına sahiptir.

Popüler hata ayıklayıcılar, IE için IE geliştirme aracı, firefox için firebug ve Chrome tarayıcısı için krom geliştirme aracıdır.

Chrome hata ayıklayıcı, Chrome tarayıcısıyla birlikte gelir, ancak firefox ile bir paket olarak gelmediği için firebug'ın özellikle yüklenmesi gerekir.

İşte firefox tarayıcısı için firebug yüklemek için bir bağlantı http://getfirebug.com

Windows işletim sisteminde geliştirme aracını açma kısayolu F12 klavye tuşudur.

Hata Ayıklayıcı'da JS Kodunda Hata Ayıklama

JavaScript kodunda hata ayıklamanın iki yolu vardır.

• İlk yol, yerleştirmektir console.log() kodda ve geliştirme aracının konsolunda yazdırılacak olan günlüğün değerini görün.

• İkinci yol, geliştirme aracında kesme noktaları kullanmaktır. Süreç aşağıdadır.

  • Dosyayı komut dosyası etiketi altındaki mevcut tüm komut dosyalarında açın.

  • Şimdi hata ayıklamak istediğiniz satıra bir kesme noktası yerleştirin.

  • Uygulamayı tarayıcıda çalıştırın.

  • Şimdi, kod akışı bu satıra ulaştığında, kodu kıracak ve kullanıcı kodu F6 (kodun sonraki satırına git), F7 (işlevin içine gir) veya F8 (git) tuşlarıyla çalıştırana kadar orada kalacaktır. hata ayıklamak istediğiniz akışa göre sonraki kesme noktasına gidin veya daha fazla kesme noktası yoksa kodu çalıştırın).

  • Değerini görmek istediğiniz değişkeni veya işlevi seçebilirsiniz.

  • Konsolu, değeri kontrol etmek veya tarayıcının kendisindeki bazı değişiklikleri kontrol etmek için kullanabilirsiniz.