Chrome DevTools-da veb-səhifələrin diaqnostikası və təhlili üçün hansı alətlər və sekmələri istifadə edirsiniz?

Chrome DevTools-da veb səhifələrini ayıklamaq və analiz etmək üçün adətən aşağıdakı sekmələri istifadə edirəm:

• Elements — DOM strukturunu və CSS üslublarını real vaxtda baxmaq və dəyişdirmək üçün.
• Console — logları göstərmək, JavaScript kodunu icra etmək və səhvləri tapmaq üçün.
• Network — şəbəkə sorğularını analiz etmək, resursların yüklənməsini, cavab vaxtlarını və vəziyyətləri yoxlamaq üçün.
• Sources — JavaScript kodunu ayıklamaq, dayanma nöqtələri qoymaq və addım-addım icra etmək üçün.
• Performance — səhifənin performansını profil etmək, yükləmə və render vaxtlarını analiz etmək üçün.
• Application — yerli yaddaş, kukilər, IndexedDB və keşi ilə işləmək üçün.
• Security — əlaqənin və sertifikatların təhlükəsizliyini yoxlamaq üçün.

Nümunə: əgər səhifə yüklənməsi uzun çəkirsə, Network sekməsini açıb, sorğuları vaxta görə sıralayıb, yavaşlatan resursları görürəm.