Comment identifier les sélecteurs CSS inutilisés et les règles pour les pages CSS qui couvrent plusieurs pages et sont installées localement?

12

Je suis à la recherche d'un outil qui serait capable d'identifier les sélecteurs et règles CSS inutilisés et / ou en double, avec les deux restrictions suivantes:

  • L'outil devrait être capable d'analyser les pages css qui sont utilisées pour de nombreuses pages HTML, donc un outil comme Dust-Me n'aidera pas.

  • L'outil devrait également fonctionner sur une installation locale, car j'aimerais également pouvoir vérifier mes CSS au stade du développement. Cela exclurait les vérificateurs CSS en ligne.

Argoron
la source

Réponses:

5

Il existe un module complémentaire Firefox appelé CSS Usage qui affiche tous les styles utilisés / inutilisés sur une page.

Il prétend faire plusieurs pages mais d'après mon expérience, il semble être quelque peu peu fiable dans ses résultats. Quoi qu'il en soit, cela m'a aidé par le passé.

corymathews
la source
1

J'ai essayé Dust Me et CSS Usage dans le passé avec un certain succès pour obtenir une liste initiale de sélecteurs CSS inutilisés. Ensuite, je me concentre sur la recherche manuelle de ces sélecteurs potentiellement inutilisés. Au moins, cela réduit l'ampleur du problème de centaines de sélecteurs à quelques dizaines.

Juan Alonso
la source