¿Cómo identificar los selectores y reglas CSS no utilizados para las páginas CSS que cubren varias páginas y se instalan localmente?

12

Estoy buscando una herramienta que pueda identificar selectores y reglas css no utilizados y / o duplicados, con las siguientes dos restricciones:

  • La herramienta tendría que poder analizar páginas CSS que se utilizan para muchas páginas HTML, por lo que una herramienta como Dust-Me no ayudará.

  • La herramienta también debería funcionar en una instalación local, porque también me gustaría poder verificar mi CSS en la etapa de desarrollo. Esto descartaría verificadores css en línea.

Argoron
fuente

Respuestas:

5

Hay un complemento de Firefox llamado Uso de CSS que muestra todos los estilos utilizados / no utilizados en una página.

Afirma hacer varias páginas, pero en mi experiencia parece ser poco confiable en sus resultados. En cualquier caso, me ha ayudado mucho en el pasado.

corymathews
fuente
1

He probado Dust Me y CSS Usage en el pasado con cierto éxito para obtener una lista inicial de selectores css no utilizados. Entonces, lo que hago es centrarme en buscar esos selectores potencialmente no utilizados manualmente. Al menos eso reduce el alcance del problema de cientos de selectores a unas pocas docenas.

Juan Alonso
fuente