Outils

Référence rapide Chrome DevTools

Cheat sheet prêt à imprimer pour Référence rapide Chrome DevTools, organisé pour une consultation rapide, l’étude et le bureau

Aperçu

Contenu de ce cheat sheet

`Clic droit → Inspecter`	Ouvrir le panneau Éléments pour l'élément
`Double-clic sur tag/attribut`	Modifier le HTML en ligne
`Touche Suppr`	Supprimer le nœud sélectionné
`Ctrl+Z`	Annuler le changement DOM
`Touche H`	Basculer la visibilité de l'élément sélectionné
`Glisser un nœud`	Déplacer l'élément dans l'arbre DOM

`element.style {}`	Ajouter des styles inline à l'élément
`Cliquer sur une valeur`	Modifier la valeur CSS en direct
`Case à cocher d'une règle`	Activer/désactiver une propriété CSS
`Bouton :hov`	Forcer les pseudo-états (:hover, :focus)
`Bouton .cls`	Ajouter/supprimer des classes CSS
`Échantillon de couleur`	Ouvrir le sélecteur de couleur
`Onglet Calculé`	Voir les valeurs CSS calculées finales

Téléchargez le cheat sheet complet avec toutes les sections, formaté pour l'impression

Téléchargements