Raccourcis clavier

Sofia Emelianova
Sofia Emelianova

Cette page est une référence des raccourcis clavier dans les outils pour les développeurs Chrome.

Vous pouvez également trouver des raccourcis dans les info-bulles. Pointez sur un élément d'interface utilisateur de DevTools pour afficher son info-bulle. Si l'élément dispose d'un raccourci, la bulle d'aide l'inclut.

Raccourcis clavier pour ouvrir les outils de développement

Pour ouvrir les outils pour les développeurs, appuyez sur les raccourcis clavier suivants lorsque le curseur est sélectionné dans le viewport du navigateur:

ActionMacWindows / Linux
Ouvrir le dernier panneau utiliséCommand+Option+IF12 ou Ctrl+Maj+I
Ouvrir le panneau ConsoleCommand+Option+JCtrl+Maj+J
Ouvrez le panneau Éléments.Cmd+Maj+C ou Cmd+Option+CCtrl+Maj+C

Raccourcis clavier globaux

Les raccourcis clavier suivants sont disponibles dans la plupart des panneaux DevTools, voire dans tous.

ActionMacWindows / Linux
Afficher les paramètres? ou Fonction+F1? ou F1
Sélectionner le panneau suivantCommand+]Ctrl+]
Sélectionner le panneau précédentCommand+[Ctrl+[
Revenez à la position d'ancrage que vous avez utilisée pour la dernière fois. Si les outils pour les développeurs sont restés dans leur position par défaut pendant toute la session, ce raccourci les détache dans une fenêtre distincte.Cmd+Maj+DCtrl+Maj+D
Activez/Désactivez l'option Mode Appareil.Cmd+Maj+MCtrl+Maj+M
Activez ou désactivez le mode d'inspection des éléments.Cmd+Maj+CCtrl+Maj+C
Ouvrez le menu Command (Commande).Cmd+Maj+PCtrl+Maj+P
Activez/Désactivez le panneau.ÉchapperÉchapper
Actualisation normaleCommand+RF5 ou Ctrl+R
Actualisation forcéeCmd+Maj+RCtrl+F5 ou Ctrl+Maj+R
Rechercher du texte dans le panneau actuel Compatible uniquement avec les panneaux Éléments, Console, Sources, Performances, Mémoire, Profiler JavaScript et Source rapide.Command+FCtrl+F
Ouvre l'onglet Rechercher dans le panneau, qui vous permet de rechercher du texte dans toutes les ressources chargées.Command+Option+FCtrl+Maj+F
Ouvrir un fichier dans le panneau SourcesCmd+O ou Cmd+PCtrl+O ou Ctrl+P
Zoom avantCmd+Maj++Ctrl+Maj++
Zoom arrièreCommand+-Ctrl+-
Rétablir le niveau de zoom par défautCommand+0Ctrl+0
Exécuter l'extraitAppuyez sur Command+O pour ouvrir le menu Command (Commande), puis saisissez !. suivi du nom du script, puis appuyez sur Entrée.Appuyez sur Ctrl+O pour ouvrir le menu Command (Commande), puis saisissez !. suivi du nom du script, puis appuyez sur Entrée.

Raccourcis clavier du panneau "Éléments"

ActionMacWindows / Linux
Annuler les modificationsCommand+ZCtrl+Z
Répéter la modificationCmd+Maj+ZCtrl+Y
Sélectionner l'élément situé au-dessus / en dessous de l'élément actuellement sélectionnéFlèche vers le haut / Flèche vers le basFlèche vers le haut / Flèche vers le bas
Développez le nœud actuellement sélectionné. Si le nœud est déjà développé, ce raccourci sélectionne l'élément situé en dessous.Flèche vers la droiteFlèche vers la droite
Réduire le nœud actuellement sélectionné. Si le nœud est déjà réduit, ce raccourci sélectionne l'élément situé au-dessus.Flèche vers la gaucheFlèche vers la gauche
Développer ou réduire le nœud actuellement sélectionné et tous ses enfantsMaintenez la touche Option enfoncée, puis cliquez sur l'icône en forme de flèche à côté du nom de l'élément.Maintenez les touches Ctrl+Alt enfoncées, puis cliquez sur la flèche à côté du nom de l'élément.
Activer/Désactiver le mode Edit Attributes (Modifier les attributs) sur l'élément actuellement sélectionnéEntrerEntrer
Sélectionner l'attribut suivant / précédent après avoir activé le mode Modifier les attributsTabulation / Maj+TabulationTabulation / Maj+Tabulation
Masquer l'élément actuellement sélectionnéHH
Activer/Désactiver le mode Modifier au format HTML pour l'élément actuellement sélectionnéFonction+F2Frame 2 :

Raccourcis clavier du volet "Styles"

ActionMacWindows / Linux
Accéder à la ligne où une valeur de propriété est déclaréeMaintenez la touche Commande enfoncée, puis cliquez sur la valeur de la propriété.Maintenez la touche Ctrl enfoncée, puis cliquez sur la valeur de la propriété.
Faire défiler les représentations RGBA, HSLA et hexadécimales d'une valeur de couleurMaintenez la touche Maj enfoncée, puis cliquez sur la case Aperçu de la couleur à côté de la valeur.Maintenez la touche Maj enfoncée, puis cliquez sur la case Aperçu de la couleur à côté de la valeur.
Sélectionner la propriété ou la valeur suivante / précédenteCliquez sur un nom ou une valeur de propriété, puis appuyez sur Tabulation / Maj+Tabulation.Cliquez sur un nom ou une valeur de propriété, puis appuyez sur Tabulation / Maj+Tabulation.
Augmenter / diminuer la valeur d'une propriété de 0,1Cliquez sur une valeur, puis appuyez sur Option+flèche vers le haut / flèche vers le bas.Cliquez sur une valeur, puis appuyez sur Alt+Flèche vers le haut / Flèche vers le bas.
Incrémenter / Diminuer la valeur d'une propriété de 1Cliquez sur une valeur, puis appuyez sur la flèche vers le haut ou la flèche vers le bas.Cliquez sur une valeur, puis appuyez sur la flèche vers le haut ou la flèche vers le bas.
Incrémenter / Diminuer une valeur de propriété de 10Cliquez sur une valeur, puis appuyez sur Maj+Flèche vers le haut / Flèche vers le bas.Cliquez sur une valeur, puis appuyez sur Maj+Flèche vers le haut / Flèche vers le bas.
Augmenter / diminuer la valeur d'une propriété de 100Cliquez sur une valeur, puis appuyez sur Command+Flèche vers le haut / Command+Flèche vers le bas.Cliquez sur une valeur, puis appuyez sur Ctrl+Flèche vers le haut / Ctrl+Flèche vers le bas.
Faire défiler les représentations de la valeur d'un angle en degrés (deg), en gradians (grad), en radians (rad) et en tours (tour)Maintenez la touche Maj enfoncée, puis cliquez sur la case Aperçu de l'angle à côté de la valeur.Maintenez la touche Maj enfoncée, puis cliquez sur la case Aperçu de l'angle à côté de la valeur.
Augmenter / diminuer une valeur d'angle de 1Cliquez sur la case Aperçu de l'angle à côté de la valeur, puis appuyez sur la flèche vers le haut ou vers le bas.Cliquez sur la case Aperçu de l'angle à côté de la valeur, puis appuyez sur la flèche vers le haut ou la flèche vers le bas.
Incrémenter / Diminuer une valeur d'angle de 10Cliquez sur la zone Aperçu de l'angle à côté de la valeur, puis appuyez sur Maj+Flèche vers le haut / Maj+Flèche vers le bas.Cliquez sur la zone Aperçu de l'angle à côté de la valeur, puis appuyez sur Maj+Flèche vers le haut / Maj+Flèche vers le bas.
Augmenter / Diminuer une valeur d'angle de 15Cochez la case Angle Preview (Aperçu de l'angle) à côté de la valeur, puis appuyez sur Maj, cliquez ou faites glisser la souris sur l'Angle Clock Overlay (Superposition de l'horloge angulaire).Cochez la case Angle Preview (Aperçu de l'angle) à côté de la valeur, puis appuyez sur Maj, cliquez ou faites glisser la souris sur l'Angle Clock Overlay (Superposition de l'horloge angulaire).

Raccourcis clavier du panneau "Sources"

ActionMacWindows / Linux
Mettre en pause l'exécution du script (s'il est en cours d'exécution) ou la reprendre (s'il est actuellement mis en pause)F8 ou Cmd+\F8 ou Ctrl+\
Passer l'appel de fonction suivantF10 ou Cmd+'F10 ou Ctrl+'
Passer à l'appel de fonction suivantF11 ou Cmd+;F11 ou Ctrl+;
Quitter la fonction actuelleMaj+F11 ou Cmd+Maj+;Maj+F11 ou Ctrl+Maj+;
Reprendre à une certaine ligne de code en cas de mise en pauseMaintenez la touche Command enfoncée, puis cliquez sur la ligne de code.Maintenez la touche Ctrl enfoncée, puis cliquez sur la ligne de code.
Sélectionner le frame d'appel en dessous / au-dessus du frame actuellement sélectionnéCtrl+. / Ctrl+,Ctrl+. / Ctrl+,
Enregistrer les modifications apportées aux modifications localesCommand+SCtrl+S
Enregistrer toutes les modificationsCommand+Option+SCtrl+Alt+S
Accéder à la ligneCtrl+GCtrl+G
Accéder à un numéro de ligne du fichier actuellement ouvertAppuyez sur Commande+O pour ouvrir le menu Command (Commande), saisissez : suivi du numéro de ligne, puis appuyez sur Entrée.Appuyez sur Ctrl+O pour ouvrir le menu de commandes, saisissez : suivi du numéro de ligne, puis appuyez sur Entrée.
Accéder à une colonne du fichier actuellement ouvert (par exemple, ligne 5, colonne 9)Appuyez sur Cmd+O pour ouvrir le menu de commande, saisissez :, puis le numéro de ligne, puis un autre :, puis le numéro de colonne, puis appuyez sur Entrée.Appuyez sur Ctrl+O pour ouvrir le menu de commandes, saisissez :, puis le numéro de ligne, puis un autre :, puis le numéro de colonne, puis appuyez sur Entrée.
Accéder à une déclaration de fonction (si le fichier actuellement ouvert est un fichier HTML ou un script) ou à un ensemble de règles (si le fichier actuellement ouvert est une feuille de style)Appuyez sur Cmd+Maj+O, puis saisissez le nom de la déclaration / du jeu de règles ou sélectionnez-le dans la liste des options.Appuyez sur Ctrl+Maj+O, puis saisissez le nom de la déclaration / du jeu de règles ou sélectionnez-le dans la liste des options.
Fermer l'onglet actifOption+WAlt+W
Ouvrir l'onglet suivant ou précédentFonction+Commande+Haut ou BasCtrl+Page précédente ou Page suivante
Activez/Désactivez la barre latérale Navigation à gauche.Command+Maj+YCtrl+Maj+Y
Activez/Désactivez la barre latérale Débogueur sur la droite.Cmd+Maj+HCtrl+Maj+H

Raccourcis clavier de l'éditeur de code

ActionMacWindows / Linux
Supprime tous les caractères du dernier mot jusqu'au curseurOption+SupprCtrl+Suppr
Ajouter ou supprimer un point d'arrêt par ligne de codePlacez le curseur sur la ligne, puis appuyez sur Cmd+B.Placez le curseur sur la ligne, puis appuyez sur Ctrl+B.
Ouvrez la boîte de dialogue de modification des points d'arrêt pour modifier les points d'arrêt conditionnels ou les points de journalisation.Placez le curseur sur la ligne, puis appuyez sur Commande+Alt+B.Placez le curseur sur la ligne, puis appuyez sur Ctrl+Alt+B.
Ouvrir la boîte de dialogue Point d'arrêt conditionnelCmd+clic sur un numéro de ligneCtrl+clic sur un numéro de ligne
Ouvrir la boîte de dialogue Point de journalisationCmd+Maj+clic sur un numéro de ligneCtrl+Maj+clic sur un numéro de ligne
Accéder au crochet correspondantCtrl+MCtrl+M
Activez/Désactivez le commentaire sur une seule ligne. Si plusieurs lignes sont sélectionnées, les outils de développement ajoutent un commentaire au début de chaque ligne.Command+/Ctrl+/
Sélectionner / désélectionner l'occurrence suivante du mot sur lequel le curseur se trouve. Chaque occurrence est mise en surbrillance simultanément.Command+D / Command+UCtrl+D / Ctrl+U

Raccourcis clavier du panneau "Réseau"

ActionMacWindows / Linux
En-têtes, charges utiles et réponses de rechercheCommand+FCtrl+F
Démarrer / Arrêter l'enregistrementCommand+ECtrl+E
Enregistrer une actualisationCommand+RCtrl+R
Relancer une requête XHR sélectionnéeDD
Masquer les détails d'une requête sélectionnéeÉchapperÉchapper

Raccourcis clavier du panneau "Performances"

ActionMacWindows / Linux
Démarrer / Arrêter l'enregistrementCommand+ECtrl+E
Sauvegarder l'enregistrementCommand+SCtrl+S
Charger l'enregistrementCommand+OCtrl+O

Raccourcis clavier du panneau "Mémoire"

ActionMacWindows / Linux
Démarrer / Arrêter l'enregistrementCommand+ECtrl+E

Raccourcis clavier du panneau de la console

ActionMacWindows / Linux
Accepter la suggestion de saisie semi-automatiqueFlèche vers la droite ou TabulationFlèche vers la droite ou Tabulation
Refuser la suggestion de saisie semi-automatiqueÉchapperÉchapper
Parcourir la liste de saisie semi-automatique vers le haut ou vers le basHaut / Bas ou Ctrl+P / NHaut / Bas ou Ctrl+P / N
Obtenir le relevé précédentFlèche vers le hautFlèche vers le haut
Obtenir l'énoncé suivantFlèche vers le basFlèche vers le bas
Mettre en surbrillance la consoleCtrl+`Ctrl+`
Vider la consoleCmd+K ou Option+LCtrl+L
Forcer une saisie sur plusieurs lignes. Notez que DevTools devrait détecter les scénarios multilignes par défaut. Ce raccourci n'est donc généralement plus nécessaire.Maj+RetourMaj+Entrée
ExécuterRetourEntrer
Développer toutes les sous-propriétés d'un objet enregistré dans la consoleMaintenez la touche Alt enfoncée, puis cliquez sur Développer >Maintenez la touche Alt enfoncée, puis cliquez sur Développer >
ActionMacWindows / Linux
Développer/réduire tous les résultats de rechercheCommand+Option+{ ou }Ctrl+Maj+{ ou }

Raccourcis clavier du panneau Enregistreur

ActionMacWindows / Linux
Démarrer ou arrêter l'enregistrementCommand+ECtrl+E
Rediffuser l'enregistrementCmd+EntréeCtrl+Entrée
Copier l'enregistrement ou l'étape sélectionnéeCommand+CCtrl+C
Activer/Désactiver la vue CodeCommand+BCtrl+B

Raccourcis clavier du panneau "Calques"

ActionMacWindows / Linux
Déplacer le diagramme le long des axes X et YW (haut), A (gauche), S (bas), D (droite)W (haut), A (gauche), S (bas), D (droite)
Activer/Désactiver le mode panoramiqueXX
Activer/Désactiver le mode RotationRR
Réinitialiser la position et la rotation du diagramme00
Faire un zoom avant sur le diagrammeMaj++ ou molette de la souris vers le hautMaj++ ou molette de la souris vers le haut
Faire un zoom arrière sur le diagrammeMaj+- ou molette de la souris vers le basMaj+- ou molette de la souris vers le bas