2008-11-18 6 views
10

Mon projet a collecté l'entropie CSS (classes non utilisées) au cours de son développement.Comment puis-je supprimer des classes CSS inutilisées de mon projet de site Web?

Maintenant, afin de garder le fichier CSS petit, je veux supprimer toutes les références CSS inutilisées. Mais faire cela manuellement implique de rechercher chaque classe dans l'ensemble du projet. Cela prend du temps. Connaissez-vous un moyen/outil que je peux adopter pour savoir quelles classes CSS ne sont plus utilisées dans mon projet, et le supprimer?

Je suis en train de programmer sur ASP.NET. Visual Studio.

+0

Voir presque la même question ici: http://stackoverflow.com/questions/135657/tool-to-identify-unused-css-definitions –

Répondre

11

Vous pourriez trouver cette extension Firefox utile: http://www.sitepoint.com/dustmeselectors/

+0

FYI, cette extension ne fonctionne pas avec Firefox 4.0+ – TMC

+0

Il semble qu'il existe une nouvelle version v3.0 disponible sur le site de l'auteur, ainsi qu'une version pour Opera - http://www.brothercake.com/ – Funka

+0

Il y a une nouvelle version 4 du site mozilla: https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ –

4

J'ai écrit un outil qui vous permet de trouver tous les attributs de classe et CssClass dans votre code source aspx.

Voir mes blog entry pour info et téléchargement.

+0

Merci ... allez vérifier maintenant. –

+0

Bel outil. Merci – Obsidian

11

Dans le navigateur Chrome, appuyez sur F12, accédez à l'onglet Audit, choisissez l'option "Recharger la page et l'audit sur la charge", et rafraîchir la page. Chrome listera toutes les règles CSS inutilisées. Pour une solution en ligne, passez au unused-css.com.

+0

il veut une solution, pas un audit, le navigateur chrome montre seulement utilisé classes, mais ne les nettoie pas –

Questions connexes