Junior
Geliştirici Araçları (Dev Tools) içinde hangi bölümler var?
sobes.tech yapay zeka
AI'dan gelen yanıt
- Öğeler - HTML yapısını ve CSS stillerini gerçek zamanlı olarak görüntülemeye ve düzenlemeye olanak tanır.
- Konsol - JavaScript hata ayıklama, ifadeleri yürütme ve betiklerden ve tarayıcıdan mesajları (kayıtlar) görüntüleme için kullanılır.
- Kaynaklar - Sayfanın kaynak kodunu, JavaScript ve CSS dosyalarını görüntüleme ve hata ayıklama için duraklama noktaları ayarlama imkanı sağlar.
- Ağ - Sayfa tarafından gerçekleştirilen tüm ağ isteklerini (HTTP, HTTPS, WebSockets) izler, durumlarını, yükleme sürelerini ve boyutlarını gösterir.
- Performans - Web sayfasının performansını analiz etmeye, betikler, render ve yükleme ile ilgili darboğazları tespit etmeye yardımcı olur.
- Bellek - Sayfa betikleri tarafından kullanılan bellek profilini çıkarma ve bellek sızıntılarını bulma imkanı sağlar.
- Uygulama - Yerel depolama (Local Storage, Session Storage), çerezler (Cookies), önbellek, servis çalışanları ve web uygulaması bildirimi ile çalışma araçları içerir.
- Güvenlik - Mevcut bağlantının güvenliği hakkında bilgi sağlar (SSL/TLS sertifikaları, karışık içerik).
- Lighthouse - Performans, erişilebilirlik, en iyi uygulamalar, SEO ve PWA denetimi için araçtır.
- Kayıt - Kullanıcının sayfa ile etkileşimlerini kaydetmeye ve tekrar oynatmaya, otomatik testler oluşturmaya olanak tanır.