As extensões do Chrome oferecem uma excelente forma de estender o seu navegador com ferramentas que o ajudam no seu trabalho diário como desenvolvedor web. Neste artigo analisamos as extensões mais populares que o ajudam com a validação de HTML diretamente do seu navegador.
Web Developer
Esta extensão é obrigatória para todos os desenvolvedores web, pois oferece uma boa coleção de ferramentas para ajudá-lo no seu trabalho: desativar JavaScript, gerir cookies, ajustar CSS, formulários... e também atalhos para validar a página atual no W3C Validator.
A extensão Web Developer dá-lhe atalhos para validar HTML (tanto via URL como enviando o seu HTML local como entrada de texto), CSS, Feeds, Acessibilidade no [Wave](http://wave.webaim.org/) e verificar links quebrados.
- Vantagens: Bem integrada com outras ferramentas de desenvolvimento web, interface simples.
- Desvantagens: Não pode ser configurada, não pode usar a sua própria instância de validador ou executar validações automaticamente em determinados hosts, usa o validador legado.
Validity
A extensão Validity permite-lhe validar HTML no W3C Validator legado, e mostra os problemas encontrados na consola JavaScript, em vez de abrir um novo separador. Isto parece uma boa ideia se você já passa o seu tempo dentro da consola JS, mas só lhe mostra a linha onde está o problema e a descrição geral - sem linhas e colunas de início e fim, sem excertos e sem links para ajuda adicional.
Também pode ficar um pouco confuso pois a saída é misturada com outros avisos JS e logs que você pode ter na sua consola JS. Provavelmente seria mais legível se a saída estivesse num separador separado em vez de na consola JS.
- Vantagens: Pode ser configurada para usar a sua própria instância de validador, e pode executar validações automaticamente em determinados hosts.
- Desvantagens: Depende do validador legado, não pode usar o Nu Validator diretamente. A saída é limitada e confusa pois usa a consola JavaScript.
HTML Validation Bookmarklet
Esta extensão mostra os resultados da validação HTML numa sobreposição agradável na sua página validada, o que é muito melhor do que ter de procurar os resultados na consola. Incluirá informação sobre a linha e coluna onde acontece (embora não o início e fim) e, com um segundo clique, um excerto do código onde está o problema.
- Vantagens: Interface agradável, simples de usar. Usa o Nu Validator.
- Desvantagens: Não pode ser configurada para usar a sua própria instância de Validator. A sobreposição pode ser inutilizável quando se valida uma página que já usa sobreposições.
Outras extensões... que não funcionaram
Também testámos outras extensões que são bastante populares na Chrome web store mas, no momento desta escrita, não funcionam:
- W3C Validator. Não é uma extensão oficial do W3C, deveria usar a API do validador legado e mostrar os problemas na consola JS, mas não funciona.
- HTML Validator. Não funciona, provavelmente porque tinha uma opção de execução automática que pode ter causado o seu [banimento](/articles/have-you-been-blocked-by-the-w3c-validator).
- Kingsquare HTML Validator. Suposta oferecer uma forma alternativa de validar HTML usando a biblioteca Tidy HTML em vez do W3C Validator, simplesmente não funciona.