Web Geliştiriciler için Pratik Araç: Hover Debug Overlay
Hover Debug Overlay, Chrome tarayıcısı için geliştirilmiş hafif bir eklentidir. Bu araç, web sayfası öğelerini hızlı ve görsel olarak incelemeye yardımcı olur. Kullanıcılar, bir öğenin üzerine gelerek, onun sınırlarını (ÜST, SOL, SAĞ, ALT) gösteren canlı bir katman ile karşılaşırlar. Ayrıca, öğenin etiketi, ID'si ve sınıfları gibi bilgileri de görsel olarak sunar. Eklenti, sayfa düzenini bozmadığı için kullanıcı dostu bir deneyim sunar.
Eklentinin dikkat çeken özellikleri arasında, kenar etiketleri ile birlikte canlı boyut katmanı, öğe tanımlayıcısı, tek tıklama ile etkinleştirme/devre dışı bırakma ve sağ tıklama ile öğe tanımlayıcısını panoya kopyalama imkanı bulunmaktadır. Kullanıcılar, öğe adını ve kenar etiketlerini özelleştirebilir ve ayarlarını yerel depolama aracılığıyla hatırlayabilir. Tamamen yerel olarak çalışan bu eklenti, veri toplama, uzaktan istekler veya analitik içermez.