Chrome DevTools'ta web sayfalarını analiz etmek ve hata ayıklamak için hangi araçları ve fonksiyonları kullanıyorsun?

Chrome DevTools'ta web sayfalarını analiz etmek ve hata ayıklamak için genellikle aşağıdaki araçları ve fonksiyonları kullanıyorum:

• Elements — DOM ve CSS'i gerçek zamanlı olarak görüntülemek ve düzenlemek için.
• Console — JavaScript kodu çalıştırmak ve günlükleri, hataları görmek için.
• Network — ağ isteklerini analiz etmek, kaynakların yüklenme sürelerini görmek, sunucu yanıtlarını kontrol etmek için.
• Sources — JavaScript hata ayıklama, duraklama noktaları (breakpoints) koyma imkanı ile.
• Performance — sayfa performansını profil çıkarmak, darboğazları tespit etmek için.
• Application — yerel depolama, çerezler, IndexedDB ile çalışmak için.
• Lighthouse — performans, erişilebilirlik ve SEO denetimi yapmak için.

Örneğin, yükleme sorununu takip etmek için Network sekmesini açar, kaynak türüne göre filtreler ve her dosyanın durumu ve yüklenme süresine bakarım.