Geliştiriciler için Pratik İnceleme Aracı
Peekly, Chrome tarayıcısı için geliştirilmiş, etkileşimli bir bileşen haritası oluşturan bir araçtır. Geliştiricilerin web sayfalarındaki bileşenleri hızlı ve kolay bir şekilde incelemelerine olanak tanır. 'x' tuşuna basarak herhangi bir DOM elemanını seçebilir ve o bileşene ait detaylı bilgileri görüntüleyebilirsiniz. Bilgiler, bileşen, DOM, CSS ve erişilebilirlik gibi sekmelerde düzenlenmiştir. Ayrıca, bilgiler ekran üzerinde sabit kalır, böylece kullanıcılar etkileşime devam edebilirler. 'y' tuşu ile de ağ isteklerini gerçek zamanlı olarak takip edebilirsiniz.
En Çok Önerilen Alternatif
Kullanıcı dostu arayüzü sayesinde, bileşenlerin kaynak dosyalarına kolay erişim, bileşen güncellemeleri için canlı yeniden render sayacı ve erişilebilirlik denetimi gibi özellikler sunar. Ayrıca, TypeScript arayüzü oluşturma ve GraphQL analizleri gibi gelişmiş araçlar da mevcuttur. Peekly, açık kaynak kodlu bir projedir ve gizlilik garantileri ile birlikte gelir; dışa veri göndermez ve kullanıcı ayarlarını yerel olarak saklar.
