Chrome DevTools-da veb səhifələrini analiz etmək və səhvləri ayıklamaq üçün hansı alətlər və funksiyalar istifadə edirsiniz?

Chrome DevTools-da veb səhifələrini analiz etmək və səhvləri tapmaq üçün tez-tez aşağıdakı alətləri və funksiyaları istifadə edirəm:

• Elements — DOM və CSS-i real vaxtda baxmaq və redaktə etmək üçün.
• Console — JavaScript kodunu icra etmək və loglar, səhvləri görmək üçün.
• Network — şəbəkə sorğularını analiz etmək, resursların yüklənmə vaxtlarını yoxlamaq, server cavablarını yoxlamaq üçün.
• Sources — JavaScript-i səhvlərini tapmaq üçün, dayanma nöqtələri (breakpoints) qoymaq imkanı ilə.
• Performance — səhifənin performansını profil etmək, dar boğazları tapmaq üçün.
• Application — lokal yaddaş, kukilər, IndexedDB ilə işləmək üçün.
• Lighthouse — performans, əlçatanlıq və SEO üçün audit etmək üçün.

Məsələn, yükləmə problemi izləmək üçün Network tabını açıb, resurs növünə görə filtr edirəm və hər faylın vəziyyətinə və yüklənmə vaxtına baxıram.