Kaynak haritaları, performansı etkilemeden, kodu birleştirdikten ve küçülttikten sonra bile kodunuzu okunabilir ve hata ayıklamaya uygun halde tutmanıza olanak tanır.
Çeşitli aktarıcılar, küçültücüler ve paketleyiciler kullanırken dağıttığınız kod, yazdığınız koddan farklıdır. Bu araçlar, ağ performansını iyileştirmek için kodu tek bir satıra sıkıştırır, gereksiz karakterleri kaldırır ve değişkenleri kısaltır.
Birçok araç, kodunuza eşlik edecek kaynak eşlemeleri oluşturabilir.
Chrome Geliştirici Araçları, hem dağıtılan kodu hem de kaynak eşlemelerini okur ve ayrılma noktalarında bile her zaman yaptığınız gibi kodunuzda hata ayıklamanıza olanak tanır.
Kaynak haritalarının işleyiş şeklini daha iyi anlamak için kaynak haritaları görselleştirici aracına göz atın.
Ayrıca, kaynak eşlemeleri uzantılar içerebilir. Araçlar ve çerçeveler geliştirecekseniz bunları desteklemeyi düşünün. Bu Örnek Olay: Geliştirici Araçları ile Daha İyi Angular Hata Ayıklama başlıklı makaleye göz atın. Bu makalede, Geliştirici Araçları Ekibi ve Angular, x_google_ignoreList uzantısını destekleyerek Geliştirici Araçları'ndaki hata ayıklama deneyimini iyileştirdi.
Daha fazla bilgi edinmek için aşağıdaki makaleleri inceleyin: