Junior
Geliştirici Araçları (Dev Tools) nedir?
sobes.tech yapay zeka
AI'dan gelen yanıt
Geliştirici Araçları (DevTools), web geliştiricileri ve QA mühendisleri tarafından web sayfalarını ve uygulamalarını denetlemek, hata ayıklamak, performansını analiz etmek ve optimize etmek için kullanılan tarayıcıya gömülü araçlar setidir.
Ana özellikler:
- HTML ve CSS görüntüleme ve değiştirme: DOM yapısını ve öğelerin stillerini gerçek zamanlı olarak inceleme ve değiştirme imkanı sağlar.
- JavaScript hata ayıklama: Duraklama noktaları koyma, kodu adım adım yürütme, değişkenleri ve çağrı yığınını görüntüleme.
- Ağ isteklerini izleme: Sunucuya yapılan tüm istekleri (dosyalar, resimler, API) durumu, yükleme süresi ve boyutuyla gösterir.
- Performans analizi: Sayfa yükleme süresini ölçme, JavaScript profil oluşturma, "darboğazlarını" tespit etme.
- Erişilebilirlik kontrolü: Öğelerin erişilebilirlik standartlarına uygunluğunu analiz etme.
- Cihaz simülasyonu: Sayfayı farklı ekran çözünürlüklerinde ve mobil cihaz simülasyonlarıyla görüntüleme.
- Tarayıcı depolama alanıyla çalışma: Local Storage, Session Storage ve Cookies verilerini görüntüleme ve değiştirme.
- Konsol: JavaScript komutları yürütme, günlükleri, hataları ve uyarıları görüntüleme.
QA'da kullanım örnekleri:
- Konsoldaki hata günlüklerini görüntüleme.
- API yükleme veya yanıt sorunlarını tespit etmek için ağ isteklerini analiz etme.
- DOM'u inceleyerek yapı ve öğe özelliklerini doğrulama.
- Arayüzün uyumunu test etmek için farklı cihazlar simüle etme.
- Local Storage veya Cookies'te saklanan verileri kontrol etme.