2009-12-07 5 views
3

Je suis développeur Web. Avant un certain temps, j'ai le projet à maintenir. Le projet est en ligne depuis quelques années et il y avait peu de mainteneurs avant moi. Au cours de sa vie, il y a eu de nombreux changements dans les fonctionnalités. De nombreuses fonctionnalités ont été ajoutées, certaines d'entre elles ont été retirées ultérieurement. Certaines de ces fonctionnalités nécessitaient de nouveaux éléments de conception, de sorte que de nouveaux codes CSS ont été ajoutés. Mais lorsque ces fonctionnalités ont été supprimées, CSS ajouté ont été laissés. Chaque mainteneur ajoute ses propres styles CSS pour de petites corrections comme le remplissage, les marges, etc. Après un certain temps, les fichiers CSS deviennent un énorme tas de merde :-) Je peux trouver de nombreux éléments CSS décrits de la même manière, mais dans différents fichiers CSS . Oui, je sais que je peux réduire et compresser les fichiers CSS, mais je veux les nettoyer. Alors, comment puis-je nettoyer tout ce gâchis?Nettoyage des styles CSS

I ont besoin d'outils/pratiques/suggestions au sujet de ces problèmes:

  • Trouver les mêmes éléments décrits dans différents endroits CSS.
  • Collecter des classes CSS inutilisées ou d'autres descriptions (peut-être un plug-in outil/navigateur qui analyse CSS et recueille les styles inutilisés).
  • Outils permettant de refactoriser le code html en remplaçant quelques styles CSS décrits dans un style.
  • Quelque chose d'autre ...

Répondre

5

Vous devez donner Dust me selector essayer. C'est un addon firefox qui mettra en évidence tous les css inutilisés. Été très utile pour moi =)

+0

Je l'ai aussi utilisé. Le seul problème est que cela fonctionne bien sur 1 fichier, mais lorsque vous effectuez une recherche sur un site Web entier - pas si bon ... – Faruz

+0

Juste vérifié cet outil. J'ai vu qu'il a funcion sitemap, qui permet d'exécuter vérificateur sur toutes les pages Web, répertorié sur sitemap. Je ne suis pas sûr si elle recueille sélecteurs qui ne sont pas utilisés sur toutes ces pages (n'ont pas encore essayé). Si non, ce n'est pas un problème. Avec "Dust me selector", l'utilisateur peut enregistrer les données collectées dans des fichiers csv, ce qui vous permet de sauvegarder les résultats de différentes pages. Plus tard, il vous suffit de sélectionner des intersections de sélecteurs à partir de fichiers csv de données. Vous obtiendrez la liste des sélecteurs qui n'ont pas été utilisés dans toutes vos pages, vous avez déjà visité. – Pawka

4

Un outil similaire à 'Dust me selector' est Deadweight, un outil de ligne de commande Ruby pour trouver les règles CSS inutilisées. Mais ce n'est qu'une partie de votre problème ... si jamais vous trouvez des outils pour faire les autres choses que vous voulez faire, s'il vous plaît laissez le reste du monde savoir ici.

Questions connexes