Las extensiones de Chrome ofrecen una excelente manera de extender tu navegador con herramientas que te ayudan en tu trabajo diario como desarrollador web. En este artículo analizamos las extensiones más populares que te ayudan con la validación HTML directamente desde tu navegador.
Web Developer
Esta extensión es imprescindible para todos los desarrolladores web, ya que ofrece una excelente colección de herramientas para ayudarte en tu trabajo: deshabilitar JavaScript, gestionar cookies, ajustar CSS, formularios... y también atajos para validar la página actual en el Validador W3C.
La extensión Web Developer te proporciona atajos para validar HTML (tanto vía URL como enviando tu HTML local como entrada de texto), CSS, feeds, accesibilidad en [Wave](http://wave.webaim.org/) y verificar enlaces rotos.
- Pros: Bien integrada con otras herramientas de desarrollo web, interfaz simple.
- Contras: No se puede configurar, no puedes usar tu propia instancia de validador o ejecutar validaciones automáticamente en ciertos hosts, utiliza el validador legacy.
Validity
La extensión Validity te permite validar HTML en el Validador W3C legacy, y muestra los problemas encontrados en la consola de JavaScript, en lugar de abrir una nueva pestaña. Esto suena como una buena idea si ya pasas tiempo dentro de la consola JS, pero solo te muestra la línea donde está el problema y la descripción general - no las líneas y columnas de inicio y fin, no hay extractos y no hay enlaces para ayuda adicional.
También puede volverse un poco desordenado ya que la salida se mezcla con otras advertencias JS y logs que podrías tener en tu consola JS. Probablemente sería más legible si la salida estuviera en una pestaña separada en lugar de en la consola JS.
- Pros: Se puede configurar para usar tu propia instancia de validador, y puede ejecutar validaciones automáticamente en ciertos hosts.
- Contras: Depende del validador legacy, no puede usar el Nu Validator directamente. La salida es limitada y desordenada ya que usa la consola de JavaScript.
HTML Validation Bookmarklet
Esta extensión muestra los resultados de validación HTML en una bonita superposición en tu página validada, lo cual es mucho mejor que tener que buscar los resultados en la consola. Incluirá información sobre la línea y columna donde ocurre (aunque no el inicio y fin) y, con un segundo clic, un extracto del código donde está el problema.
- Pros: Interfaz bonita, simple de usar. Utiliza el Nu Validator.
- Contras: No se puede configurar para usar tu propia instancia de Validador. La superposición puede ser inutilizable al validar una página que ya utiliza superposiciones.
Otras extensiones... que no funcionaron
También probamos otras extensiones que son bastante populares en la Chrome web store pero, al momento de escribir esto, no funcionan:
- W3C Validator. No es una extensión oficial de W3C, debería usar la API del validador legacy y mostrar los problemas en la consola JS, pero no funciona.
- HTML Validator. No funciona, probablemente porque tenía una opción de ejecución automática que podría haber causado que fuera [bloqueada](/articles/have-you-been-blocked-by-the-w3c-validator).
- Kingsquare HTML Validator. Se supone que ofrece una manera alternativa de validar HTML usando la biblioteca Tidy HTML en lugar del Validador W3C, simplemente no funciona.