Vous voulez savoir quels styles CSS sont actuellement utilisés sur une page Web.
Réponses
Trop de publicités?
Mahdi Safari
Points
170
Sans aucun outil tiers ni aucune application, vous pouvez trouver les CSS et javascript inutilisés en utilisant les outils de développement de chrome dans l'onglet couverture. Lisez l'article ci-dessous des développeurs de google. onglet couverture chrome
Shashwat Sahai
Points
11
Essayez d'utiliser cet outil, qui est juste un simple js script. https://github.com/shashwatsahai/CSSExtractor/ Cet outil permet de récupérer le CSS d'une page spécifique en listant toutes les sources des styles actifs et de l'enregistrer dans un JSON avec la source comme clé et les règles comme valeur. Il charge toutes les CSS à partir des liens href et indique tous les styles appliqués à partir de ceux-ci. Vous pouvez modifier le code pour enregistrer toutes les CSS dans un fichier .css. Ainsi, vous pouvez combiner tous vos CSS.
- Réponses précédentes
- Plus de réponses
2 votes
Utilisez un navigateur qui dispose d'un inspecteur CSS. Safari et Chrome (alias Webkit) le proposent dans le cadre des outils de développement. Dans Firefox, il est fourni par le plugin Firebug. Internet Explorer n'a rien de semblable, à ma connaissance. L'inspecteur vous permettra de sélectionner un élément, de faire un clic droit et de choisir "Inspecter l'élément" - il vous montrera alors quels sélecteurs et quelles règles individuelles sont appliqués à l'élément que vous avez sélectionné.
0 votes
@Lee la barre d'outils du développeur d'ie8 se comporte de la même manière que firebug dans les sélecteurs css, vous pouvez sélectionner et voir les styles appliqués sur le côté droit.
0 votes
Duplication possible de Extraire uniquement le css utilisé dans une page spécifique