Quelqu'un connaît-il un outil d'analyse CSS?

Question

Je suis à la recherche d'un outil capable d'analyser un grand site et de rechercher des CSS orphelins. Je travaille sur ce projet qui a traversé quelques mises à jour de l'interface utilisateur. Scrapper le tout et refaire tout cela prendrait une éternité. Ce que je voudrais, c'est un outil qui lit un fichier css et qui vous permet ensuite de naviguer sur le site, de garder une trace des définitions utilisées et à quelle fréquence.

Ensuite, je peux parcourir le fichier css et trouver le code que j'ai utilisé et déterminer s'il est effectivement obsolète et peut être supprimé.

Pensées?

Answer 1

Firefox a une excellente extension appelée Dust-Me Selectors pour marquer les classes/identifiants qui ne sont pas utilisés sur la page en cours.

Il y a aussi TopStyle, qui promet de vous aider à faire ce qui suit (je ne l'ai pas utilisé, et ne peut pas se porter garant pour elle bien):

• Aperçu CSS pendant que vous écrivez.
• Créez facilement des schémas de couleurs agréables pour votre site. Style Checker valide votre syntaxe CSS par rapport à plusieurs navigateurs. Utilisez les rapports de site pour voir d'un coup d'œil les styles CSS utilisés sur votre site. La mise à niveau de style remplace rapidement tout code HTML obsolète par un style CSS équivalent.

Answer 2

Internet Explorer 8 a cette fonctionnalité appelée Outils de développement qui peut vous aider avec cela. Vous pouvez lire à ce sujet à partir du IEBlog entry. Si vous n'avez pas IE8, vous pouvez télécharger le toolbar from here.

Answer 3

Je suggère CSSEdit. Je l'utilise depuis des années. A un validateur intégré et un inspecteur de rayons X.