Uygulamalarınızın yapısını incelemek ve performanslarının profilini çıkarmak için kullanabileceğiniz bir Chrome DevTools uzantısı olan Angular DevTools'u duyurmaktan heyecan duyuyoruz.

Aşağıdaki videoda Angular DevTools hakkında daha fazla bilgi bulabilir ve Chrome Web Mağazası'ndan yükleyebilirsiniz .

Daha İyi Açısal Hata Ayıklama Deneyimi

Google içinde, harici geliştiricilerden aldığımız gözlemleri doğrulayan bir anket yaptık - çoğu insanın uygulamalarında hata ayıklamak için daha iyi araçlara ihtiyacı var.

Dış ve iç araştırmalardan aldığımız sonuçlara dayanarak en çok dikkat edilmesi gereken aşağıdaki alanları belirledik:

• Hata mesajlarında iyileştirmeler
• Değişiklik algılama yürütmesini anlama
• Enjektör hiyerarşisini ve sağlayıcı somutlaştırmayı anlama
• Bileşen yapısının görselleştirilmesi

Angular DevTools'un Özellikleri

Kalan endişeleri gidermek ve Chrome Geliştirme Araçları özellikleri dayalı bir Eğik özgü görünümünü sağlamak için, işbirliği içinde Açısal DevTools'un geliştirdi Rangle.io . Rangle'daki ekip , topluluğa yıllarca hizmet eden Angular - Augury için ilk hata ayıklama aracını geliştirdi . Birlikte çalışarak, Augury'den alınan dersleri yeniden kullanarak Angular DevTools'u sıfırdan geliştirdik.

Angular DevTools, mevcut sürümünde şunlara odaklanıyor:

• Bileşen yapısının görselleştirilmesi
• Değişiklik algılama yürütmesini anlama

Ayrıca, performans darboğazlarının neler olduğunu bulmanıza yardımcı olarak değişiklik algılama döngülerine genel bir bakış sunar, böylece kullanıcılarınıza 60 fps'lik bir deneyim sunabilirsiniz.

Angular DevTools, Ivy etkinken Angular v9 ve üzeri ile oluşturulmuş uygulamaları destekler.

Tam Geliştirme Araç Zinciri

Angular'da, modern Web geliştiricisi için eksiksiz bir araç zinciri sağlamak için çok çalışıyoruz. Angular CLI, dil hizmeti, PWA araçları ve bileşenleri ile birlikte Angular DevTools, uygulamanızın yapısını ve çalışma zamanı performansını daha iyi anlamanıza yardımcı olacak önemli bir eksik parça sağlar.

Angular DevTools'un gelecekteki sürümlerinde, isteklerinize göre en etkili özellikleri hesaba katarak işlevsellik boşluğunu Augury ile doldurmaya çalışacağız. Bu çalışmayı sizinle paylaşmaktan mutluluk duyuyoruz! Geliştirme sürecinize daha yüksek düzeyde güven ve şeffaflık getireceğini umuyoruz.

DevTools'ta Angular ekibiyle birlikte çalışan Aleksander Bodurri ve Sumit Arora'ya özel teşekkürler .