Sobes.tech
Intern

რა არის Chrome-ის შემქმნელთა ინსტრუმენტები (Chrome DevTools)?

sobes.tech AI

პასუხი AI-სგან

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: Sayfanın HTML strukturu və CSS üslublarını real vaxt rejimində 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 tahlil etmək.
  • Performance: Saytın 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 — saxlama (Local Storage, Session Storage, IndexedDB), cookies, cache.
  • Security: Saytın 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).