Inspeccionar
Pasa el cursor sobre cualquier elemento para verlo todo de una — espaciado (márgenes, relleno, espacios) y dimensiones, más apariencia (fondo, borde, radio, sombra, opacidad) — en una sola superposición con código de colores.
Documentación
Guía de usuario
Todo lo que necesitas para empezar a usar PxGuard — desde tu primer análisis hasta cómo gestionamos tus datos.
Primeros pasos
Cuatro pasos y estarás inspeccionando páginas como un desarrollador front-end sénior.
- 1
Instala desde la Chrome Web Store
Agrega PxGuard a Chrome en un clic. Es gratis — no necesitas cuenta para usar las herramientas de inspección.
- 2
Fija la extensión
Haz clic en el icono de rompecabezas de tu barra de herramientas y fija PxGuard para tenerlo siempre a un clic de distancia.
- 3
Abre el panel lateral
Haz clic en el icono de PxGuard en cualquier página para abrir el panel lateral, donde están todas las herramientas y el análisis con IA.
- 4
Ejecuta tu primer análisis
Activa una superposición para inspeccionar la página, o ejecuta el análisis con IA para obtener un informe de calidad completo en segundos.
Las herramientas
Seis superposiciones de inspección, todas gratis. Actívalas desde el panel lateral — tres también tienen atajos de teclado para acceso instantáneo.
Accesibilidad
Detecta texto alternativo faltante, jerarquía de encabezados y problemas de teclado/foco — además de roles, regiones y etiquetas ARIA. Comprobaciones WCAG 2.1 AA, directamente en la página.
Componentes
Pasa el cursor sobre cualquier componente web para ver su etiqueta y todas las props que usa — como DevTools para los elementos personalizados de tu sistema de diseño. Filtra por el prefijo de tus componentes.
Imágenes y video
Revela la resolución renderizada y la relación de aspecto de cada imagen y video, para que detectes recursos estirados, sobredimensionados o de baja resolución.
Tipografía
Pasa el cursor sobre cualquier texto para leer al instante su familia, tamaño, grosor, altura de línea y espaciado entre letras. Sin necesidad de DevTools.
Orden de foco
Visualiza la navegación por teclado con insignias numeradas. Sigue la secuencia exacta de tabulación y detecta elementos inalcanzables.
El análisis con IA
Un clic ejecuta una revisión de calidad completa sobre la página y devuelve un informe priorizado. Esto es lo que analiza y cómo leerlo.
Qué analiza
Consistencia del espaciado
Elementos hermanos que deberían alinearse pero no lo hacen — márgenes, rellenos y ritmo de sección inconsistentes.
Jerarquía tipográfica
Tamaños de encabezado dispares, demasiadas familias tipográficas, jerarquía débil y problemas de altura de línea.
Accesibilidad (WCAG)
Fallos de teclado y foco, nombres accesibles faltantes, aria-hidden en elementos enfocables, y más.
Diseño y estructura
Anchos de contenedor inconsistentes y problemas de alineación que se perciben como poco profesionales.
Cómo leer un hallazgo
Cada hallazgo se etiqueta por gravedad para que sepas qué corregir primero. Los fallos de accesibilidad siempre tienen prioridad sobre los problemas estéticos.
Crítico
Rompe la usabilidad o el cumplimiento de accesibilidad — un fallo de WCAG AA, texto ilegible o un diseño roto. Corrígelo primero.
Advertencia
Una inconsistencia que se ve poco profesional pero que aún funciona. Vale la pena pulirla.
Informativo
Una pequeña sugerencia o microoptimización — está bien tenerla, pero no es urgente.
Privacidad y datos
PxGuard es una herramienta para desarrolladores, y los desarrolladores hacen las preguntas correctas. Esto es exactamente lo que pasa con tus datos.
Las herramientas de inspección se ejecutan 100% en local
Las superposiciones de inspección, accesibilidad, componentes, imágenes y video, tipografía, y orden de foco nunca salen de tu navegador. Leen la página en el sitio — no se envía nada a ninguna parte.
El análisis con IA envía datos estructurados, no tu pantalla
Cuando ejecutas un análisis con IA, PxGuard envía un resumen compacto y estructurado de la página (selectores, estilos calculados, atributos de accesibilidad) a nuestro servicio de análisis para su revisión. No capturamos capturas de pantalla ni pulsaciones de teclado.
Tus datos nunca se venden
Los datos del análisis se usan para generar tu informe. Nunca los vendemos ni los compartimos con anunciantes.
Permisos mínimos
PxGuard solo solicita los permisos que necesita para inspeccionar la pestaña activa cuando lo abres. No se ejecuta en segundo plano en páginas que no estás inspeccionando.
¿Listo para inspeccionar cada píxel?
Instala PxGuard gratis y ejecuta tu primer análisis en menos de un minuto.
Instalar gratis