423 votes

Outil pour identifier les définitions css non utilisés

Y a-t-il des bons outils pour aider à identifier les définitions css non utilisés dans le projet ? Un tas de css fichiers ont été retirés en et maintenant je suis en train de nettoyer un peu les choses.

264voto

Derek Adair Points 6324

Outils de développement de chrome a un onglet de vérifications qui peut montre des sélecteurs CSS non utilisés.

Exécuter une vérification, puis, en cours d’Exécution de la Page Web , voir supprimer des règles CSS non utilisés

enter image description here

145voto

David Medinets Points 1480

Jetez un oeil à l’extension de Firefox poussière-moi à https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/.

66voto

megaSteve4 Points 1087

Je viens de trouver ce site http://unused-css.com/

Semble bon, mais j'aurais besoin de bien vérifier sa sortie "propre" css avant de l'envoyer sur un de mes sites.

Comme avec tous ces outils , je dois vérifier qu'il n'a pas de bande id et classes avec pas de style mais sont utilisées comme JavaScript sélecteurs.

Le contenu ci-dessous est tiré de http://unused-css.com/ sorte de crédit pour recommander d'autres solutions

======================

Latish Sehgal a écrit une application windows pour trouver et supprimer les classes CSS. Je n'ai pas testé mais d'après la description, vous devez fournir le chemin d'accès de vos fichiers html et un fichier CSS. Le programme de la liste de la partie inutilisée des sélecteurs CSS. À partir de la capture d'écran, il semble comme il n'existe aucun moyen à l'exportation de la liste ou de télécharger une nouvelle propre fichier CSS. Aussi, il semble que le service est limité à un fichier CSS. Si vous avez plusieurs fichiers que vous souhaitez nettoyer, vous devez nettoyer un par un.

La poussière Me Sélecteurs est une extension de Firefox (pour v1.5 ou version ultérieure) qui trouve inutilisés sélecteurs CSS. Il extrait tous les sélecteurs de toutes les feuilles de style sur la page que vous êtes en train de visualiser, puis analyse la page pour voir laquelle de ces sélecteurs ne sont pas utilisés. Les données sont ensuite stockées de sorte que lors de l'essai les pages suivantes, les sélecteurs peuvent être rayés de la liste car ils sont rencontrés. Cet outil est censé être en mesure d'araignée tout un site web mais je n'ai malheureusement pu le faire fonctionner. Aussi, je ne crois pas que vous pouvez configurer et télécharger le fichier CSS avec les styles supprimé.

Topstyle est une application windows, y compris une série d'outils pour modifier le code CSS. Je n'ai pas testé beaucoup, mais on dirait qu'il a la capacité d'retiré inutilisés sélecteurs CSS. Ce logiciel coûte 80 USD.

Liquidcity CSS cleaner est un script php qui utilise les expressions régulières pour vérifier les styles d'une page. Il va vous dire les classes qui ne sont pas disponibles dans le code HTML. Je n'ai pas testé cette solution.

Port en lourd est un CSS outil de couverture. Étant donné un ensemble de feuilles de style et un ensemble d'Url, il détermine les sélecteurs sont effectivement utilisés et les listes qui peuvent être "en toute sécurité" soient supprimés. Cet outil est un module ruby et fonctionne uniquement avec des rails de site web. Le solde non utilisé des sélecteurs d'être supprimé manuellement à partir du fichier CSS.

L'hélium CSS est un javascript outil pour découvrir inutilisés CSS à travers de nombreuses pages sur un site web. Vous devez d'abord installer le fichier javascript à la page que vous souhaitez tester. Ensuite, vous devez appeler une fonction de l'hélium pour démarrer le nettoyage.

UnusedCSS.com est application web avec une interface facile à utiliser. Tapez l'url d'un site et vous obtiendrez une liste des sélecteurs CSS. Pour chaque sélecteur, un certain nombre indique combien de fois un sélecteur est utilisé. Ce service a quelques limitations. Le @import déclaration n'est pas pris en charge. Vous ne pouvez pas configurer et télécharger la nouvelle propre fichier CSS.

CSSESS est un bookmarklet qui vous aide à trouver inutilisés sélecteurs CSS sur un site. Cet outil est très facile à utiliser, mais il ne vous laisseront pas de les configurer et de les télécharger nettoyer les fichiers CSS. Il ne liste inutilisés, les fichiers CSS.

21voto

Salman A Points 60620

Google Page Speed , qui peut faire pour vous (il ne fait beaucoup plus que simplement vous dire que CSS n’est pas utilisée). Sur FireFox, il est disponible comme un Add-on de FireBug. Il y a aussi une version en ligne.

8voto

mjc Points 361

A mieux CSS Minifier en c# décharges styles redondants ;

Vous voulez aussi utiliser poussière-moi avec cela.

N’oubliez pas, si il n’y a aucun contenu qui n’est pas actuellement visible à la poussière-moi, vous pourriez jeter de styles dont vous avez besoin.

EDIT : lien était rompu mais archive.org a la page et le code.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X