Si vous voulez regarder le CSS des sites Web des autres personnes (à voler Learn d'eux), Firebug vous permet d'inspecter le CSS completifié:
Mais en chrome 16, vous obtenez uniquement le CSS minifié tel qu'il a été servi:
Y a-t-il un moyen d'obtenir Chrome pour pire de la CSS?
4 Réponses :
La console du développeur affiche le fichier comme servi. Si vous souhaitez une version lisible par l'homme, copiez-coller le code sur http://www.codebeautifier.com/.
Si vous utilisez l'onglet Éléments, les propriétés CSS appliquées sont également affichées par élément.
Je recommande Viewer Source rapide , qui est un Extension au chrome et ne nécessite aucun colle de copie humaine (agit en quelque sorte comme un outil supplémentaire chrome dev-outil). Il peut vous montrer la source de la page actuelle formatée et codée couleur.
C'est assez puissant, affichant toutes les "sources" de la page, que ce soit CSS, JS ou HTML. Même des choses comme les CSS / JS en ligne peuvent être visualisées individuellement (avec code injecté en surbrillance). Et la meilleure partie est-elle la plus jusée, même la CSS (que les outils de développement de Chrome refuse toujours de faire).
Vous voudrez peut-être vérifier jolie imprimer: https: // chrome. google.com/webstore/detail/prettyprint/nipdlgebaanapcPhbCidpmmkcecpkHg?hl=fr
Après l'installation, lorsque vous affichez un fichier CSS ou JS minifiée, il apparaît (après un moment) non minifié.
dans les versions plus récentes Il existe un bouton "Format" qui imprègne la source:
(seulement vient de me rendre compte que: p)