AngularJS'de uygulamalarda hata ayıklama

Süreci hata ayıklama herhangi bir uygulamada çok önemlidir, ana özelliği Javascript istemci üzerinde çalışmasıdır, bu nedenle bu işlem doğrudan tarayıcıda gerçekleştirilir, bu bazen daha uzman geliştiricilerde biraz sıkıntı yaratır, ancak dikkate almamız gereken bir ayrıntı daha.
Geçmişte hata ayıklama Javascript gibi araçlar olmadığı için korkunçtu ateş böceği her gün sahip olduğumuz, bu yüzden gelişiyoruz Javascript İşkenceydi, günümüzde farklı tarayıcı konsolları bize uygulamamızın izlediği yolu daha iyi gösteriyor.
Kodumuzun hatalarını ayıklamak istediğimizde aklımızda tutmamız gereken bazı şeyleri aşağıda görelim. Javascript, bunun içinde bulunduğu dil olduğunu unutmayın. AngularJS yani doğrudan ilişkilidirler:

• Sıkıştırılmamış sürümlerle çalışmak zorunludur veya küçültülmüş dosyalardan JS, bu şekilde hatanın oluştuğu doğru kod satırına erişeceğimizden, ayrıca bazı araçların bize hata hakkında daha ayrıntılı bilgi verebileceği değişkenlerin doğru adlarına sahip olacağız.

• Kolaylık sağlamak için JS kodunu arşivden ayrı dosyalarda tutmak en iyisidir. HTML bu onları yürütür ve kodumuzu daha yönetilebilir hale getirir.

• Kullanımı kesme noktaları ve araç Tüm İstisnalarda Duraklat Bir hata oluştuğunda uygulamayı durdurmamıza yardımcı olurlar, bu sayede sorunu daha hızlı izole edip ilgili çözümü bulabiliriz.

Başta da belirttiğimiz gibi geçmişte kodlarımızı değerlendirmemizi sağlayacak araçlar yoktu. Javascript Uygun bir şekilde, modern tarayıcılarda, neredeyse her zaman tarayıcının davranışını görebileceğimiz bir konsola sahibiz. Javascript, örneğin Google Chrome tuşuna basarak elde edebileceğimiz geliştirici araçlarına sahibiz. F12.

BÜYÜT

Ancak yapılan başvurumuzun seyrini görmek için AngularJS adında daha da güçlü bir aracımız var Batarangyüklendiğinde, uygulamamızın mevcut durumunu görmemizi sağlayan, diğer işlevlerin yanı sıra denetleyiciler ve modeller arasındaki çağrı geçişlerini gözden geçirmemizi sağlar.
Chrome entegrasyonuBu araç doğrudan Google Chrome geliştirici araçlarına ekler ve uygulamamızın performansı, hatalar, sürecimizdeki değişkenlerin izlediği yol vb. gibi ihtiyaç duyduğumuz bilgileri almaya başlayabileceğimiz yeni bir sekme ekler.
Bütün bunlara ek olarak ateş böceği Aynı zamanda önemli bir araçtır, çünkü sözde kaynaklardan bilgi edinmemizi sağlar. Ajax ve bunlar sırasında iletilen farklı değişkenler veya parametreler.
Bununla bu öğreticiyi bitiriyoruz, uygulamalarımızı geliştirmek için kullanabileceğimiz birkaç araç keşfettik. AngularJS ve içinde hatalar meydana geldiğinde bilgilerin nasıl görüntüleneceğini kontrol edin.