Sobes.tech
Intern

Chrome İnkişaf Alətləri (Chrome DevTools) nədir?

sobes.tech Süni İntellekt

AI-dan cavab

Chrome Geliştirici Alətləri, brauzerə daxil olan və veb inkişafı və səhvlərin aradan qaldırılması üçün alətlər toplusudur.

Əsas panellər:

  • Elements: Səhifənin HTML strukturu və CSS üslublarını real vaxtda baxış və yenidən tənzimləmə.
  • Console: Logların çıxarılması, JavaScript kodunun icrası, səhvlərin aradan qaldırılması.
  • Sources: JavaScript kodunu duraklama nöqtələri ilə debugging etmək, performans profilini çıxarmaq.
  • Network: Şəbəkə sorğularını izləmək (HTTP/HTTPS), onların vaxtını və məzmununu analiz etmək.
  • Performance: Səhifənin yüklənmə və kodun icra performansını analiz etmək.
  • Memory: Yaddaş istifadəsini profil etmək, sızıntıları aşkar etmək.
  • Application: Tətbiq resurslarını araşdırmaq — yaddaş (Local Storage, Session Storage, IndexedDB), cookies, cache.
  • Security: Səhifənin təhlükəsizliyini analiz etmək, SSL sertifikatlarını yoxlamaq.
  • Lighthouse: Veb səhifənin performans, əlçatanlıq, SEO və ən yaxşı təcrübələrə görə auditini keçirmək.

QA-da istifadəsi:

  • UI/UX yoxlaması: Üslubları analiz etmək (Elements), adaptivliyi yoxlamaq (Toggle device toolbar).
  • Frontend debugging: JavaScript-də səhvləri tapmaq (Console, Sources).
  • API qarşılıqlı əlaqələrini analiz etmək: Sorğuları və cavabları izləmək (Network).
  • Performans qiymətləndirməsi: Yükləmə vaxtını və skriptlərin icra vaxtını qiymətləndirmək (Performance).
  • Yaddaşların araşdırılması: Local Storage, cookies və s. yoxlamaq (Application).
  • Cihazların simulasyonu: Müxtəlif ekran ölçülərində və şəbəkə şərtlərində testlər aparmaq (Network – Throttling).