Konsol Kaydedici tüm konsol çıktısını (console.log, console.warn, console.error, console.info) yakalar ve sayfada doğrudan yüzen bir panelde görüntüler. Tarayıcı DevTools'u açmadan JavaScript hatalarını, hata ayıklama mesajlarını ve uyarıları gerçek zamanlı görün. Mesajlar türe göre renk kodludur ve hatalar için zaman damgaları ve yığın izleri içerir.
Sadece konsol çıktısını kontrol etmek için tarayıcı DevTools'u açmak değerli ekran alanını kaplar — özellikle daha küçük ekranlarda veya logları izlerken tam sayfayı görmeniz gerektiğinde. Konsol Kaydedici hafif bir alternatif sağlar: sayfanın üzerine yerleştirilen, tüm konsol çıktısını olduğu gibi gösteren yüzen bir panel. Panel, console.log, console.warn, console.error, console.info ve yakalanmayan istisnaları tam yığın izleriyle yakalar. Mesajlar renk kodludur (hatalar kırmızı, uyarılar sarı, bilgi mavi, loglar beyaz/gri) ve olayların ne zaman gerçekleştiğini izlemek için zaman damgaları içerir. Filtre düğmeleri yalnızca belirli mesaj türlerini göstermenizi sağlar — bir çökmeyi ayıklarken yalnızca hataları veya kullanımdan kaldırma bildirimleri ararken yalnızca uyarıları gösterin. Panel sürüklenebilir, yeniden boyutlandırılabilir ve yarı saydamdır, böylece çok fazla sayfa içeriğini engellemez.
Konsol mesajları günlüğe kaydedildikçe gerçek zamanlı görünür. Sayfa başlatma loglarını, API yanıt işlemeyi, kullanıcı etkileşim olaylarını ve hata mesajlarını görün — hepsi yüzen panelde canlı akış.
Hatalar kırmızı, uyarılar kehribar/sarı, bilgi mavi ve standart loglar beyaz/gri. Yalnızca renge göre kritik bir hata ile rutin bir log mesajı arasında anında ayırt edin.
JavaScript hataları dosya adları, fonksiyon adları ve satır numaralarıyla tam yığın izini içerir. DevTools açmadan hatanın tam olarak nereden kaynaklandığını belirlemek için dosya referansına tıklayın.
Üstteki filtre düğmeleri belirli mesaj türlerini göstermenizi/gizlemenizi sağlar: Tümü, Yalnızca Hatalar, Yalnızca Uyarılar, Yalnızca Bilgi, Yalnızca Loglar. Her filtredeki sayaç rozeti o türün kaç mesajının var olduğunu gösterir.
Her mesaj günlüğe kaydedildiği zamanı gösterir (SS:DD:SS formatı). Olay sırasını izleyin, performans sorunlarını belirleyin (API çağrısı ile yanıt arasında ne kadar süre geçti) ve mesajları kullanıcı eylemleriyle ilişkilendirin.
Yeniden başlamak için tüm mesajları temizleyin veya sayfayla etkileşim kurarken biriktirmeye devam edin. Panel toplam mesaj sayısını gösterir ve gerekmediğinde küçültülebilir.
Tam sayfayı görünür tutarken konsol çıktısını görmeniz mi gerekiyor? Konsol Kaydedici, DevTools panelinin ekran alanını kaplamadan logları izlemenizi sağlar. Daha küçük ekranlarda veya sunumlar sırasında mükemmeldir.
JavaScript'iniz API yanıtlarını günlüğe kaydediyorsa, Konsol Kaydedici bunları gerçek zamanlı gösterir. Sayfa ve DevTools arasında geçiş yapmadan istek/yanıt verilerini görün.
Bazı JavaScript hataları sessizce başarısız olur — görünür UI değişikliği yok, ancak konsolda bir hata var. Konsol Kaydedici bunları sayfada görünür kılar, böylece normal tarama sırasında fark edersiniz.
Canlı bir demo sırasında, Konsol Kaydedici panelini bir köşede görünür tutun. Bir şeyler ters giderse, DevTools açmak için demoyu kesintiye uğratmadan hata mesajını hemen görebilirsiniz.
Üçüncü taraf scriptleri (analitik, sohbet widget'ları, reklam ağları) genellikle hatalar veya uyarılar atar. Konsol Kaydedici bunları yakalar, böylece dış bağımlılıkların sağlığını izleyebilirsiniz.
DevSuite Pro yüzen yuvasını açın ve Konsol Kaydedici simgesine tıklayın. Yüzen bir panel görünür ve konsol çıktısını hemen yakalamaya başlar.
Sayfayı normal kullanın — düğmelere tıklayın, gezin, formları gönderin. Konsol mesajları sayfanın JavaScript'i tarafından günlüğe kaydedildikçe panelde görünür.
Yalnızca hataları, uyarıları veya logları göstermek için filtre düğmelerini kullanın. Sayaç rozetleri her tür için kaç mesajın var olduğunu gösterir.
Hata mesajları için, hatanın oluştuğu dosyayı ve satır numarasını görmek üzere yığın izini genişletin. Hatanın kaynağını belirlemek için bunu kullanın.
Paneli sıfırlamak için "Temizle"ye tıklayın veya kapatmak için aracı devre dışı bırakın. Sayfada iz kalmaz.
DevSuite Pro'yu ücretsiz yükleyin ve tarayıcınız için 39'dan fazla geliştirici aracının kilidini açın.
