Existe-t-il un moyen de vérifier quels styles CSS sont utilisés ou non sur une page web?
Vous voulez savoir quels styles CSS sont actuellement utilisés sur une page web.
5 réponses
Installez le CSS utilisation add - on pour Firebug et exécutez-le sur cette page. Il vous dira quels styles sont utilisés et non utilisés par cette page.
Google Chrome a deux façons de vérifier pour les CSS.
1. Onglet Audit: > clic droit + inspecter L'élément sur la page, recherchez l'onglet " Audit "et exécutez l'audit, en vous assurant que" Performance de la Page Web " est cochée.
Répertorie toutes les balises CSS inutilisées - Voir l'image ci-dessous.
Mise à Jour: - - - - - - - - - - - - - - OU - - - - - - - - - - - - - -
2. Onglet Couverture: > Clic Droit + Inspectez L'élément sur la page, Trouvez les trois points à l'extrême droite (encerclé dans l'image) et ouvrez le tiroir de la Console (ou appuyez sur Esc), Enfin cliquez sur les trois points du côté gauche dans le tiroir (encerclé dans l'image) pour ouvrir L'outil de couverture.
Chrome a lancé un outil pour voir CSS et JS inutilisés - Chrome 59 Mise À Jour Vous permet de démarrer et d'arrêter un enregistrement (carré rouge dans l'image) pour permettre une meilleure couverture d'une expérience utilisateur sur la page.
Affiche tous les CSS/JS utilisés et inutilisés dans les fichiers - voir l'image ci-dessous.
Juste pour l'exhaustivité et parce qu'il a été demandé dans les commentaires-il y a aussi L'outil d'audit CSS dans Chrome maintenant dans le même but. Quelques détails ici:
Http://meeech.amihod.com/very-useful-find-unused-css-rules-with-google
Je suis l'aide de CSS Creuser. Il est fait pour chrome, mais je pense que c'est un excellent outil!
Jetez un oeil à UnCSS. Il aide à créer un fichier CSS de CSS utilisé.