Inspector de elementos en vivo
Pasa el cursor sobre cualquier elemento para ver al instante su etiqueta, clases, dimensiones y posición.
DevScope
Inspector de elementos
Inspecciona cualquier elemento al instante
Herramienta de desarrollo
Página oficial del producto
Editor:
POLPROG
Página oficial del producto
6
Paneles
15+
Atajos
19
Idiomas
0
Datos recopilados
01 / DevScope
Acerca de
Un inspector de elementos ligero y rápido para desarrolladores web. Navegación del DOM, edición de CSS en vivo, inspector de atributos, estilos computados e información de accesibilidad.
02 / Uso
Qué resuelve
El problema
- Las herramientas completas apartan la página a un lado
- Cada prueba de estilo pasa por el editor
- No sabe adónde va lo que inspecciona
El resultado
- Un panel ligero flota sobre lo que examina
- El cambio de CSS se ve al momento, en vivo
- Ningún dato sale de su navegador
Para quién
- Programadores de front-end
- Auditores de accesibilidad
- Quienes prueban ajustes de CSS en vivo
03 / Características principales
Características principales
Las capacidades más importantes explicadas de forma práctica.
Navegación del DOM
Navega hacia arriba y hacia abajo por el árbol DOM con atajos de teclado o con un clic.
Edición de CSS en vivo
Edita propiedades CSS en tiempo real y ve los cambios de inmediato en la página.
Inspector de atributos
Visualiza y copia todos los atributos HTML, atributos de datos y roles ARIA.
Estilos computados
Consulta los valores computados de cualquier propiedad CSS, incluida la visualización del modelo de caja.
Panel de accesibilidad
Comprueba roles ARIA, etiquetas, ratios de contraste e información del árbol de accesibilidad.
Panel flotante
Panel arrastrable y redimensionable que permanece encima - nunca bloquea tu flujo de trabajo.
Atajos de teclado
Navega por el DOM, alterna paneles e inspecciona elementos sin tocar el ratón.
Utilidades de copia
Copia selectores, estilos, HTML externo o capturas de pantalla de elementos al portapapeles.
Temas oscuro y claro
Elige entre temas de panel oscuro y claro para adaptarlo a tu entorno.
04 / Descargar
Acceso al producto
Un camino claro desde la fuente oficial hasta tu primer flujo completado.
Elige la plataforma adecuada
Utiliza uno de los enlaces oficiales disponibles para tu dispositivo o navegador.
Instala o abre
Sigue las instrucciones de la tienda o abre la aplicación web. Sin instaladores de terceros.
Configura y empieza
Revisa las opciones, elige tus preferencias y comienza con el flujo principal.
Opciones oficiales de acceso
Descargar
Instala la extensión POLPROG en tu navegador favorito.
05 / Tecnología
Tecnología del producto
Una visión transparente de las tecnologías principales utilizadas para crear y mantener este producto.
Chrome Extension
TypeScript
Webpack
06 / Seguridad
Privacidad y seguridad
Tus datos permanecen en tu dispositivo. Siempre.