Como identificar seletores e regras de CSS não utilizados para páginas de CSS que cobrem várias páginas e são instaladas localmente?


12

Estou procurando uma ferramenta que possa identificar seletores e regras de CSS não utilizados e / ou duplicados, com as duas restrições a seguir:

  • A ferramenta teria que ser capaz de analisar páginas CSS que são usadas para muitas páginas HTML, para que uma ferramenta como o Dust-Me não ajude.

  • A ferramenta também deve funcionar em uma instalação local, porque eu também gostaria de poder verificar meu css no estágio de desenvolvimento. Isso excluiria verificadores CSS online.

Respostas:


5

Existe um complemento do Firefox chamado CSS Usage, que mostra todos os estilos usados ​​/ não utilizados em uma página.

Ele afirma fazer várias páginas, mas, na minha experiência, parece não ser confiável em seus resultados. Independentemente disso, me ajudou bastante no passado.


1

Eu tentei Dust Me e CSS Usage no passado com algum sucesso para obter uma lista inicial de seletores de css não utilizados. Então, o que faço é focar na pesquisa manual dos seletores potencialmente não utilizados. Pelo menos isso reduz o alcance do problema de centenas de seletores para algumas dezenas.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.