Astuces concernant les outils de développement: identifier les améliorations CSS
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Le panneau CSS Overview (Aperçu CSS) de DevTools vous permet de trouver d'un coup d'œil les améliorations CSS potentielles sur votre page.
Pour obtenir un rapport, ouvrez DevTools > 
> Autres outils > Vue d'ensemble CSS, puis cliquez sur Capturer une vue d'ensemble.
Le rapport comporte plusieurs sections:
- Résumé avec des statistiques sur les styles, les sélecteurs et les requêtes multimédias.
- Répartition des couleurs utilisées, y compris les problèmes de contraste, les problèmes les plus courants sur le Web.
- Répartition des polices utilisées avec des statistiques sur la taille, l'épaisseur et la hauteur de ligne.
- Déclarations CSS inutilisées.
- Statistiques sur les requêtes multimédias triées par nombre d'occurrences dans l'ordre décroissant.
Pour une expérience d'apprentissage plus pratique, consultez Présentation du CSS: identifier les améliorations potentielles du CSS.
Pour en savoir plus sur les problèmes de contraste, consultez Rendre votre site Web plus lisible.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2022/11/23 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2022/11/23 (UTC)."],[],[],null,[]]
