rocotoImg

Inspecciona imágenes visibles, responsivas y fondos directamente en la página, además de permitir la descarga de imágenes

Un gato naranja, curioso y con rayos X para tu frontend 🔍 Inspección visual Haz clic en cualquier contenedor para obtener las dimensiones reales de imágenes en <picture>, <img>, y fondos CSS. 📱 Responsive Ready Detecta versiones mobile y desktop en imágenes responsivas y te dice cuál es cuál, con sus respectivos tamaños. 🪟 Modal amigable La información se presenta en un panel flotante elegante, sin necesidad de abrir la consola del navegador. 💡 Ligero y reutilizable Ideal para desarrolladores que inspeccionan muchos sitios. Una vez lo pruebas, lo dejas fijo en tu toolbox. Actualización 1.2 Se corrigió el posicionamiento para que quede siempre, sobre todo, y se agregó una capa inferior que cubre todo el sitio para dar más énfasis en la información. Actualización 1.3 Se corrigió el botón de cierre de modal, dejándolo en color rojo, a la capa inferior se le agrego la opción de poder cerrar el modal clicando sobre ella, Se agregaron botones para descargar las imágenes que se inspeccionan. Actualización 1.4 Se corrigió sistema de detección de imágenes. agregando recursividad en la búsqueda, por si la imagen que se muestra no está en el contenedor que se clickea.