Conseils sur les outils de développement: inspecter et déboguer l'extension flexible CSS
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Les outils pour les développeurs Chrome rendent le débogage des mises en page CSS flexbox intuitif. Le panneau Éléments vous fournit un éditeur Flexbox contextuel et une superposition personnalisable.
Regardez la vidéo pour découvrir comment:
- Utilisez l'éditeur Flexbox pour modifier les propriétés Flexbox en cliquant sur un bouton au lieu de les saisir.
- Activez la superposition Flexbox dans la fenêtre d'affichage pour voir immédiatement les modifications que vous apportez.
- Utilisez la section Éléments > Mise en page > Flexbox pour afficher la liste de tous les éléments et les localiser dans l'arborescence DOM. Vous pouvez également personnaliser les couleurs de superposition ici.
Pour en savoir plus sur Flexbox CSS en général, consultez Apprendre CSS > Flexbox.
Pour une expérience de débogage plus pratique dans les outils pour les développeurs, suivez le tutoriel Inspecter et déboguer les mises en page CSS flexbox.
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/09/01 (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/09/01 (UTC)."],[],[]]
