Verificador de CSS

Encontre e corrija erros de folhas de estilos instantaneamente. Diretamente no seu navegador — sem necessidade de copiar e colar código em websites externos.

Adicionar ao Chrome

O Verificador de CSS é uma extensão leve para o navegador que ajuda desenvolvedores e designers a encontrar e corrigir instantaneamente erros nos seus estilos. Quer esteja a depurar um layout complexo ou a validar uma página simples, esta ferramenta de verificação de CSS poupa-lhe horas de inspeção manual. Funciona diretamente no seu navegador - sem necessidade de copiar e colar código em websites externos ou alternar entre abas.

Cansado de erros ocultos nas folhas de estilos?

Se escreve estilos regularmente, sabe o quão frustrantes podem ser os erros ocultos. Um ponto e vírgula em falta, uma propriedade inválida ou um seletor quebrado podem silenciosamente arruinar o seu layout. É exatamente por isso que um validador de CSS e um verificador de CSS fiáveis são importantes. Analisa os seus estilos em tempo real e destaca cada problema para que possa corrigi-lo no momento 🔍

Fluxo de validação em 5 passos

1

Abra qualquer página da web

Abra qualquer página da web e clique no ícone da extensão.

2

Analise automaticamente

O verificador de código CSS analisa todas as folhas de estilos automaticamente.

3

Reveja o relatório

Reveja erros, avisos e sugestões no painel de relatórios.

4

Audite o contraste

Mude para a aba de contraste para auditar a acessibilidade.

5

Corrija e revalide

Corrija o seu código e revalide com um clique.

O que faz este Verificador de CSS destacar-se

🔍

Validação de CSS instantânea

Validação instantânea de folhas de estilos com validador de CSS na página atual.

✅

Relatórios de erros detalhados

Relatórios detalhados de erros e avisos com números de linha.

📌

Verificador de CSS e XPath

Suporte para funcionalidade de verificador de CSS e XPath.

🎨

Verificador de contraste

Verificador de contraste de cores CSS integrado para acessibilidade.

🔒

Verificador de compatibilidade

Verificador de compatibilidade CSS para suporte entre navegadores.

✅

Reanálise com um clique

Reanálise com um clique após alterações.

A extensão não é apenas um verificador de sintaxe CSS - é um conjunto completo de ferramentas de validador de CSS para quem trabalha com folhas de estilos diariamente. Analisa o seu código, deteta problemas e fornece sugestões claras. Desde erros de digitação em nomes de propriedades até formatos de valor incorretos, este verificador de CSS apanha problemas antes que os seus utilizadores os notem.

Muitos desenvolvedores dependem de websites de validação externos, mas alternar entre abas e colar código é lento. Este verificador de CSS traz tudo diretamente para as suas ferramentas de desenvolvimento - exatamente onde precisa

A funcionalidade de compatibilidade é especialmente útil quando suporta múltiplos navegadores. Sinaliza propriedades que podem não funcionar em versões mais antigas do Chrome, Firefox, Safari ou Edge, para que possa adicionar alternativas antes que os utilizadores encontrem bugs visuais 🔒

Quem pode beneficiar desta ferramenta de Verificador de CSS

💻

Desenvolvedores frontend

Desenvolvedores frontend a depurar estilos de produção.

🎨

Designers

Designers a verificar se os seus estilos correspondem ao design pretendido.

🧪

Engenheiros de QA

Engenheiros de QA a realizar auditorias de compatibilidade entre navegadores.

🎓

Estudantes

Estudantes a aprender desenvolvimento web que desejam feedback instantâneo.

♿

Especialistas em acessibilidade

Especialistas em acessibilidade a verificar razões de contraste para cumprir os padrões WCAG.

Uma das funcionalidades mais populares é o verificador de contraste de cores CSS integrado. Um contraste fraco entre texto e fundo é uma violação comum de acessibilidade. Este validador de CSS avalia os seus pares de cores em relação às diretrizes WCAG 2.1 e sinaliza qualquer combinação que não cumpra os limiares AA ou AAA. O design acessível começa com uma verificação adequada de contraste 🎨

Em números

6
Ferramentas de validação
Instantânea
Deteção de erros
Zero
Configuração necessária
100%
Gratuito e aberto

Como funciona o validador de CSS

Deteta todas as folhas de estilos vinculadas e inline na página ativa e analisa cada uma delas em busca de problemas:

Deteta folhas de estilos

Deteta todas as folhas de estilos vinculadas e inline na página ativa.

Analisa e verifica

Analisa cada folha de estilos e verifica erros de sintaxe e propriedades desconhecidas.

Agrupa resultados

Agrupa resultados por ficheiro para que possa navegar facilmente em projetos grandes.

Destaca descobertas

O verificador de CSS destaca descobertas relevantes diretamente no painel de relatórios.

Perguntas comuns

Suporta propriedades modernas?

Sim — o verificador de sintaxe CSS reconhece as últimas especificações, incluindo propriedades personalizadas, grid e flexbox abreviado.

Posso usá-lo como um verificador de CSS e XPath?

Absolutamente — a extensão inclui validação XPath juntamente com a análise de folhas de estilos.

Funciona em ficheiros locais?

Sim, ative o acesso a ficheiros nas configurações do seu navegador.

Como funciona a verificação de contraste?

Este validador de CSS avalia os seus pares de cores em relação às diretrizes WCAG 2.1 e sinaliza qualquer combinação que não cumpra os limiares AA ou AAA.

A extensão é segura?

Sim! Lemos apenas o CSS e as propriedades DOM da página para o ajudar a verificar os estilos. Consulte a nossa Política de Privacidade para mais detalhes.

Quer precise de uma análise rápida ou de um validador de CSS completo para produção, o Verificador de CSS adapta-se ao seu fluxo de trabalho.

Principais funcionalidades de relance:

Pare de perder tempo à procura de bugs nas folhas de estilos

Com um verificador de erros CSS dedicado e um verificador de contraste CSS fiável, tudo numa única extensão, tem tudo o que precisa para escrever folhas de estilos limpas, acessíveis e sem erros ✅

Instale o Verificador de CSS hoje

Gratuito, rápido e construído por desenvolvedores que compreendem a dor das folhas de estilos.