Dev Inspector

Dev Inspector, web uygulamanızın içerisine yerleşen hafif ve modern bir mini DevTools panelidir. Console ve network aktivitelerini gerçek zamanlı görüntüleyerek, kullanıcıların yaşadığı hataları devtools açmadan analiz etmenizi sağlar.

• Console log takibi (log/info/warn/error/debug)
• Network takibi (fetch + XHR, status kodları, response body)
• Panel UI – Tablar, sayaçlar, renk kodlama
• Çok hafif ~65kb (unpacked)

Kurulum

Kurulumdan sonra sayfanıza otomatik bir panel gelir ve tüm loglar burada toplanmaya başlar. Hiçbir ek konfigürasyona gerek yoktur.

Hangi durumlar için ideal?

• Development süreçlerinde console-network açmaya gerek kalmadan hata oluşup oluşmadığını bilme,
• QA/Test ekibinin test süreçlerinde işlerini kolaylaştırma,
• Özellikle React, Next gibi frameworkler de 'each child in a list should have a unique key prop' gibi uyarı ve hataların hızlı yakalanması ve fixlenmesinde yardımcı olma

konularında idealdir.

Bu tool açık kaynaklı olup katkıda bulunmak isteyen developerlar için gerekli şablonları içermektedir.