J'ai beaucoup de fichiers CSS sur la page. Mais beaucoup de ces fichiers ne sont pas utilisés par des styles. Est-il possible de déterminer quels fichiers sont utilisés par page et qui non?
7 Réponses :
Vous pouvez déboguer avec Firebug ( http://getfirebug.com/ ). Il montrera ce qui est utilisé pour quoi et vous permettra de savoir.
Utilisez http://getfirebug.com/ pour déboguer la page.
Lorsque vous regardez le CSS, il y fera référence quelle feuille de style est utilisée.
Par exemple:
Vous pouvez voir à partir de la capture d'écran que lorsque vous utilisez Firebug IL indique dans le texte bleu que la page utilise la page Travailler dans l'arbre en Firebug et placez simplement sur vos éléments et voyez quelles soies les feuilles sont utilisées. style.CSS.CSS STYLESHEET.
Note pour toute personne qui trouve ceci: Firebug fait maintenant partie de la console Firefox par opposition à un addon
Vous pouvez faire une chose:
Ouvrez le site Web dans Firefox
Utilisez Firebug pour pointer un certain contrôle sur lequel vous souhaitez voir les classes appliquées.
Dans le code source HTML en Firebug, vous pouvez trouver les classes CSS appliquées sur un contrôle particulier.
Trouvez ces classes dans vos fichiers CSS.
Répétez ce processus pour toutes les commandes de la page Web.
Vous pouvez maintenant supprimer ces fichiers CSS qui ne sont pas utilisés sur cette page Web.
Merci.
Utilisez Addon de développeur Web avec Firefox. http://chrispederick.com/work/web-developer/
Après avoir installé cet outil Addon Goto Firefox Tool-> Développeur Web -> CSS-> Afficher CSS.
Il y a de nombreuses façons de trouver les CSS utilisés par page. Voici certains d'entre eux:
1) Si vous utilisez Firefox, Firebug est utile à utiliser. http://getfirebug.com/ Faites un clic droit sur la page et utilisez l'option Inspecter l'élément
2) Si vous utilisez IE, les outils de développeur sont disponibles dans IE
3) Si vous utilisez Google Chrome, vous pouvez utiliser directement une option d'élément d'inspection en cliquant avec le bouton droit de la souris sur la page.
Le moyen de trouver ou d'accéder aux fichiers CSS est utilisé pour la page en cours, pourrait varier de base sur le navigateur et / ou le système d'exploitation que vous utilisez.
Ici, je vais partager avec vous Ouverture du panneau "Console" (outil de développeur) de Chrome, Firefox, Internet Explorer, Safari, Opera dans Windows et Mac OS.
Lorsque vous ouvrez la console du navigateur actuel, cliquez sur l'élément que vous souhaitez inspecter et sur le côté droit, vous aurez un nom d'onglets styles comme indiquer ci-dessous:
Comme vous pouvez le voir, l'image a le nom du fichier CSS (dans cet exemple nommé 
Nouveau à Chrome 59 est l'outil de couverture qui vous indique CSS et CODE de code JS. Il vous montrera quel pourcentage de fichiers CSS utilisés sur une page. Lorsque vous cliquez sur ce fichier, cela vous montrera quels styles sont utilisés et lesquels ne sont pas. Plus d'infos Ici: https://developers.google. Com / Web / mises à jour / 2017/04 / DevTools-Livraison-Notes # Couverture
Les deux questions marquées comme un DUP sont pertinentes, mais la réponse acceptée aux deux (Selecteurs DustMe) semble ne plus être en développement et ne fonctionne pas avec la dernière version de Firefox.
Oui, tu as raison. Merci beaucoup. DustMe est génial