Kayce Basques
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:
| Action | Mac | Windows / Linux |
|---|---|---|
| Ouvrir le dernier panneau utilisé | Command+Option+I | F12 ou Ctrl+Maj+I |
| Ouvrir le panneau Console | Command+Option+J | Ctrl+Maj+J |
| Ouvrez le panneau Éléments. | Cmd+Maj+C ou Cmd+Option+C | Ctrl+Maj+C |
Raccourcis clavier globaux
Les raccourcis clavier suivants sont disponibles dans la plupart des panneaux DevTools, voire dans tous.
| Action | Mac | Windows / Linux |
|---|---|---|
| Afficher les paramètres | ? ou Fonction+F1 | ? ou F1 |
| Sélectionner le panneau suivant | Command+] | Ctrl+] |
| Sélectionner le panneau précédent | Command+[ | 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+D | Ctrl+Maj+D |
| Activez/Désactivez l'option Mode Appareil. | Cmd+Maj+M | Ctrl+Maj+M |
| Activez ou désactivez le mode d'inspection des éléments. | Cmd+Maj+C | Ctrl+Maj+C |
| Ouvrez le menu Command (Commande). | Cmd+Maj+P | Ctrl+Maj+P |
| Activez/Désactivez le panneau. | Échapper | Échapper |
| Actualisation normale | Command+R | F5 ou Ctrl+R |
| Actualisation forcée | Cmd+Maj+R | Ctrl+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+F | Ctrl+F |
| Ouvre l'onglet Rechercher dans le panneau, qui vous permet de rechercher du texte dans toutes les ressources chargées. | Command+Option+F | Ctrl+Maj+F |
| Ouvrir un fichier dans le panneau Sources | Cmd+O ou Cmd+P | Ctrl+O ou Ctrl+P |
| Zoom avant | Cmd+Maj++ | Ctrl+Maj++ |
| Zoom arrière | Command+- | Ctrl+- |
| Rétablir le niveau de zoom par défaut | Command+0 | Ctrl+0 |
| Exécuter l'extrait | Appuyez 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"
| Action | Mac | Windows / Linux |
|---|---|---|
| Annuler les modifications | Command+Z | Ctrl+Z |
| Répéter la modification | Cmd+Maj+Z | Ctrl+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 bas | Flè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 droite | Flè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 gauche | Flèche vers la gauche |
| Développer ou réduire le nœud actuellement sélectionné et tous ses enfants | Maintenez 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é | Entrer | Entrer |
| Sélectionner l'attribut suivant / précédent après avoir activé le mode Modifier les attributs | Tabulation / Maj+Tabulation | Tabulation / Maj+Tabulation |
| Masquer l'élément actuellement sélectionné | H | H |
| Activer/Désactiver le mode Modifier au format HTML pour l'élément actuellement sélectionné | Fonction+F2 | Frame 2 : |
Raccourcis clavier du volet "Styles"
| Action | Mac | Windows / Linux |
|---|---|---|
| Accéder à la ligne où une valeur de propriété est déclarée | Maintenez 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 couleur | Maintenez 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édente | Cliquez 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,1 | Cliquez 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 1 | Cliquez 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 10 | Cliquez 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 100 | Cliquez 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 1 | Cliquez 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 10 | 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. | 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 15 | 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). | 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"
| Action | Mac | Windows / 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 suivant | F10 ou Cmd+' | F10 ou Ctrl+' |
| Passer à l'appel de fonction suivant | F11 ou Cmd+; | F11 ou Ctrl+; |
| Quitter la fonction actuelle | Maj+F11 ou Cmd+Maj+; | Maj+F11 ou Ctrl+Maj+; |
| Reprendre à une certaine ligne de code en cas de mise en pause | Maintenez 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 locales | Command+S | Ctrl+S |
| Enregistrer toutes les modifications | Command+Option+S | Ctrl+Alt+S |
| Accéder à la ligne | Ctrl+G | Ctrl+G |
| Accéder à un numéro de ligne du fichier actuellement ouvert | Appuyez 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 actif | Option+W | Alt+W |
| Ouvrir l'onglet suivant ou précédent | Fonction+Commande+Haut ou Bas | Ctrl+Page précédente ou Page suivante |
| Activez/Désactivez la barre latérale Navigation à gauche. | Command+Maj+Y | Ctrl+Maj+Y |
| Activez/Désactivez la barre latérale Débogueur sur la droite. | Cmd+Maj+H | Ctrl+Maj+H |
Raccourcis clavier de l'éditeur de code
| Action | Mac | Windows / Linux |
|---|---|---|
| Supprime tous les caractères du dernier mot jusqu'au curseur | Option+Suppr | Ctrl+Suppr |
| Ajouter ou supprimer un point d'arrêt par ligne de code | Placez 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 conditionnel | Cmd+clic sur un numéro de ligne | Ctrl+clic sur un numéro de ligne |
| Ouvrir la boîte de dialogue Point de journalisation | Cmd+Maj+clic sur un numéro de ligne | Ctrl+Maj+clic sur un numéro de ligne |
| Accéder au crochet correspondant | Ctrl+M | Ctrl+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+U | Ctrl+D / Ctrl+U |
Raccourcis clavier du panneau "Réseau"
| Action | Mac | Windows / Linux |
|---|---|---|
| En-têtes, charges utiles et réponses de recherche | Command+F | Ctrl+F |
| Démarrer / Arrêter l'enregistrement | Command+E | Ctrl+E |
| Enregistrer une actualisation | Command+R | Ctrl+R |
| Relancer une requête XHR sélectionnée | D | D |
| Masquer les détails d'une requête sélectionnée | Échapper | Échapper |
Raccourcis clavier du panneau "Performances"
| Action | Mac | Windows / Linux |
|---|---|---|
| Démarrer / Arrêter l'enregistrement | Command+E | Ctrl+E |
| Sauvegarder l'enregistrement | Command+S | Ctrl+S |
| Charger l'enregistrement | Command+O | Ctrl+O |
Raccourcis clavier du panneau "Mémoire"
| Action | Mac | Windows / Linux |
|---|---|---|
| Démarrer / Arrêter l'enregistrement | Command+E | Ctrl+E |
Raccourcis clavier du panneau de la console
| Action | Mac | Windows / Linux |
|---|---|---|
| Accepter la suggestion de saisie semi-automatique | Flèche vers la droite ou Tabulation | Flè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 bas | Haut / Bas ou Ctrl+P / N | Haut / Bas ou Ctrl+P / N |
| Obtenir le relevé précédent | Flèche vers le haut | Flèche vers le haut |
| Obtenir l'énoncé suivant | Flèche vers le bas | Flèche vers le bas |
| Mettre en surbrillance la console | Ctrl+` | Ctrl+` |
| Vider la console | Cmd+K ou Option+L | Ctrl+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+Retour | Maj+Entrée |
| Exécuter | Retour | Entrer |
| Développer toutes les sous-propriétés d'un objet enregistré dans la console | Maintenez la touche Alt enfoncée, puis cliquez sur Développer > | Maintenez la touche Alt enfoncée, puis cliquez sur Développer > |
Raccourcis clavier de l'onglet "Rechercher"
| Action | Mac | Windows / Linux |
|---|---|---|
| Développer/réduire tous les résultats de recherche | Command+Option+{ ou } | Ctrl+Maj+{ ou } |
Raccourcis clavier du panneau Enregistreur
| Action | Mac | Windows / Linux |
|---|---|---|
| Démarrer ou arrêter l'enregistrement | Command+E | Ctrl+E |
| Rediffuser l'enregistrement | Cmd+Entrée | Ctrl+Entrée |
| Copier l'enregistrement ou l'étape sélectionnée | Command+C | Ctrl+C |
| Activer/Désactiver la vue Code | Command+B | Ctrl+B |
Raccourcis clavier du panneau "Calques"
| Action | Mac | Windows / Linux |
|---|---|---|
| Déplacer le diagramme le long des axes X et Y | W (haut), A (gauche), S (bas), D (droite) | W (haut), A (gauche), S (bas), D (droite) |
| Activer/Désactiver le mode panoramique | X | X |
| Activer/Désactiver le mode Rotation | R | R |
| Réinitialiser la position et la rotation du diagramme | 0 | 0 |
| Faire un zoom avant sur le diagramme | Maj++ ou molette de la souris vers le haut | Maj++ ou molette de la souris vers le haut |
| Faire un zoom arrière sur le diagramme | Maj+- ou molette de la souris vers le bas | Maj+- ou molette de la souris vers le bas |