Chrome иштеп чыгуу куралдары (Chrome DevTools) эмне?

Chrome Geliştirici Alətləri — brauzerге интеграцияланган веб-иштеп чыгуу жана ката табуу үчүн инструменттердин топтому.

Негизги панелдер:

• Elements: Баракчанын HTML түзүмүн жана CSS стилин реальдуу убакытта карап чыгуу жана кайра түзүү.
• Console: Логдорду чыгарып, JavaScript кодун иштетүү, ката табуу.
• Sources: JavaScript кодун токтотуу чекиттери менен ката табуу, иштөө ылдамдыгын профилирлөө.
• Network: Тармактык суроолорду көзөмөлдөө (HTTP/HTTPS), алардын иштөө убактысын жана мазмунун талдоо.
• Performance: Баракчанын жүктөлүшү жана коддун иштөө ылдамдыгын анализдөө.
• Memory: Эстутумду профилирлөө, агып кетүүлөрдү аныктоо.
• Application: Колдонмонун ресурстарын изилдөө — сактоо (Local Storage, Session Storage, IndexedDB), cookie, кэш.
• Security: Баракчанын коопсуздугун анализдөө, SSL сертификаттарын текшерүү.
• Lighthouse: Веб-баракчанын аудитин аткаруу — иштөө, жеткиликтүүлүк, SEO жана мыкты практикалар боюнча.

QAда колдонуу:

• UI/UX текшерүү: Стильдерди анализдөө (Elements), адаптивдүүлүктү текшерүү (Toggle device toolbar).
• Фронтенд хата табуу: JavaScriptтеги каталарды аныктоо (Console, Sources).
• API өз ара аракеттерин анализдөө: Суроолорду жана жоопторду көзөмөлдөө (Network).
• Ишке ашыруу убактысын баалоо: Жүктөө убактысы жана скрипттердин иштөө убактысын баалоо (Performance).
• Сактоо жайларын изилдөө: Local Storage, cookies жана башка сактоо ыкмаларын текшерүү (Application).
• Устройство симуляциясы: Ар кандай экран өлчөмдөрүндө жана тармак шарттарында тесттер өткөрүү (Network – Throttling).