Conseils et Astuces Chrome DevTools

Cette page propose un aide-mémoire de conseils et d’astuces pour les outils de développement Chrome (DevTools), comprenant des opérations de débogage, la surveillance du réseau, l’analyse des performances, et plus encore.

Panneau Éléments (Elements)

Action	Raccourci
Ouvrir DevTools	F12 ou Ctrl + Shift + I
Basculer la barre d’outils de l’appareil	Ctrl + Shift + M
Actualiser et effacer le cache	Ctrl + Shift + R
Voir le menu contextuel de l’élément	Clic droit
Modifier l’élément	Entrée
Supprimer l’élément	Suppr
Copier l’élément	Ctrl + C
Coller l’élément	Ctrl + V
Voir les règles CSS de l’élément	Ctrl + Shift + C

Panneau Console

Action	Raccourci
Ouvrir la console	Esc
Effacer la console	Ctrl + L
Copier le texte sélectionné	Ctrl + C
Coller du texte	Ctrl + V
Voir l’historique des commandes	Flèche haut et Flèche bas
Voir les informations détaillées de l’objet	Ctrl + Shift + C

Panneau Réseau (Network)

Action	Raccourci
Démarrer/Arrêter l’enregistrement de l’activité réseau	Ctrl + E
Effacer le journal réseau	Ctrl + R
Filtrer les requêtes	Ctrl + F
Voir les informations détaillées de la requête	Ctrl + Shift + C

Panneau Performance

Action	Raccourci
Démarrer/Arrêter l’enregistrement des performances	Ctrl + E
Exporter les performances enregistrées	Ctrl + S
Filtrer les événements	Ctrl + F

Panneau Mémoire (Memory)

Action	Raccourci
Prendre un instantané	Ctrl + S
Exporter l’instantané	Ctrl + Shift + S
Filtrer les instantanés	Ctrl + F

Panneau Application

Action	Raccourci
Actualiser l’application	Ctrl + R
Effacer le stockage	Ctrl + Shift + R
Filtrer les données	Ctrl + F

Panneau Sécurité (Security)

Action	Raccourci
Voir le certificat	Ctrl + Shift + C
Recharger la page et contourner le cache	Ctrl + Shift + R

Divers (Misc)

Action	Raccourci
Ouvrir les paramètres	F1
Basculer le thème	Ctrl + Shift + P puis tapez theme
Voir les raccourcis	Ctrl + Shift + P puis tapez shortcuts