DevAudit es una extensión de herramientas para desarrolladores web que pone un kit completo de auditoría en cada página que visitas. En lugar de saltar entre pestañas SEO, DevTools y apps de velocidad, obtienes puntuación SEO, métricas de rendimiento, inspección de diseño, capturas y anotaciones en una barra arrastrable.

Auditoría SEO – DevAudit puntúa tu página de 0 a 100 en cinco categorías: meta tags, estructura de contenido, señales técnicas, compartir en redes y rendimiento. Comprueba title, meta description, canonical, robots, viewport, charset, H1, jerarquía de encabezados, alt de imágenes, Open Graph, Twitter Card, JSON-LD, HTTPS, atributo lang, y archivos robots.txt, sitemap.xml, security.txt, llms.txt y ads.txt. Exporta JSON o copia informe Markdown.

Core Web Vitals – El rendimiento se mide en la página en vivo, no en simulación de laboratorio. DevAudit rastrea LCP, CLS e INP junto con TTFB. El desglose del peso de página divide JavaScript, CSS, imágenes y fuentes.

Herramientas de inspección – Meta Checker muestra cada meta tag inline. Headings construye un esquema H1–H6. Links cuenta enlaces internos y externos. Images lista alt faltantes. Element Inspector resalta el elemento con selector CSS y dimensiones. CSS Outline dibuja el box model. Font Inspector identifica fuentes. Dimension mide en px o rem.

Selector de color – Usa la API EyeDropper nativa con respaldo al pasar el cursor. Historial de colores para reutilizar muestras en la sesión.

Capturas y anotaciones – Captura de página completa o selección rectangular, notas, copiar o guardar. Anotaciones: pins en la página con tags Bug, Feature, Idea, Review o Note – edición inline e historial en barra y popup.

Historial y exportación – Todas las auditorías, capturas, colores y anotaciones se guardan localmente y están accesibles desde el popup o la barra. Exporta JSON o informe Markdown completo para el equipo.