Kayce Basques
Sofia Emelianova
Cette page présente les raccourcis clavier dans les Outils de développement Chrome.
Vous trouverez également des raccourcis dans les info-bulles. Pointez sur un élément d'interface utilisateur des Outils de développement pour afficher son info-bulle. Si l'élément comporte un raccourci, l'info-bulle l'inclut.
Raccourcis clavier pour ouvrir les Outils de développement
Pour ouvrir les Outils de développement, appuyez sur les raccourcis clavier suivants lorsque votre curseur est placé sur la fenêtre du navigateur :
| Action | Mac | Windows / Linux |
|---|---|---|
| Ouvrir le dernier panneau utilisé | Command+Option+I | F12 ou Control+Shift+I |
| Ouvrir le panneau Console | Command+Option+J | Control+Shift+J |
| Ouvrir le panneau Éléments | Command+Shift+C ou Command+Option+C | Control+Shift+C |
Raccourcis clavier globaux
Les raccourcis clavier suivants sont disponibles dans la plupart des panneaux des Outils de développement, voire dans tous.
| Action | Mac | Windows / Linux |
|---|---|---|
| Afficher les Paramètres | ? ou Function+F1 | ? ou F1 |
| Sélectionner le panneau suivant | Command+] | Control+] |
| Sélectionner le panneau précédent | Command+[ | Control+[ |
| Revenir à la dernière position d'ancrage utilisée. Si les Outils de développement sont restés dans leur position par défaut pendant toute la session, ce raccourci les détache dans une fenêtre distincte. | Command+Shift+D | Control+Shift+D |
| Activer/Désactiver le mode appareil | Command+Shift+M | Control+Shift+M |
| Activer/Désactiver le mode Inspecter l'élément | Command+Shift+C | Control+Shift+C |
| Ouvrir le menu Commandes | Command+Shift+P | Control+Shift+P |
| Activer/Désactiver le panneau | Escape | Escape |
| Actualisation normale | Command+R | F5 ou Control+R |
| Actualisation forcée | Command+Shift+R | Control+F5 ou Control+Shift+R |
| Rechercher du texte dans le panneau actuel. Uniquement disponible dans les panneaux Éléments, Console, Sources, Performances, Mémoire, Profiler JavaScript et Source rapide. | Command+F | Control+F |
| Ouvrir l'onglet Rechercher dans le panneau, qui vous permet de rechercher du texte dans toutes les ressources chargées | Command+Option+F | Control+Shift+F |
| Ouvrir un fichier dans le panneau Sources | Command+O ou Command+P | Control+O ou Control+P |
| Zoom avant | Command+Shift++ | Control+Shift++ |
| Zoom arrière | Command+- | Control+- |
| Rétablir le niveau de zoom par défaut | Command+0 | Control+0 |
| Exécuter l'extrait | Appuyez sur Command+O pour ouvrir le menu Commandes, saisissez ! suivi du nom du script, puis appuyez sur Entrée | Appuyez sur Control+O pour ouvrir le menu Commandes, 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 | Control+Z |
| Rétablir les modifications | Command+Shift+Z | Control+Y |
| Sélectionner l'élément 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évelopper 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 Control+Alt enfoncées, puis cliquez sur l'icône en forme de flèche à côté du nom de l'élément. |
| Activer/Désactiver le mode Modifier les attributs sur l'élément actuellement sélectionné | Entrée | Entrée |
| 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 en tant que HTML sur l'élément actuellement sélectionné | Function+F2 | F2 |
Raccourcis clavier du panneau "Styles"
| Action | Mac | Windows / Linux |
|---|---|---|
| Accéder à la ligne où une valeur de propriété est déclarée | Maintenez la touche Command enfoncée, puis cliquez sur la valeur de la propriété. | Maintenez la touche Control enfoncée, puis cliquez sur la valeur de la propriété. |
| Parcourir les règles CSS | Flèche vers le haut / Flèche vers le bas | Flèche vers le haut / Flèche vers le bas |
| Parcourir les propriétés et les commandes dans les valeurs de propriété d'une règle CSS | Flèche vers la gauche / Flèche vers la droite | Flèche vers la gauche / Flèche vers la droite |
| Ouvrir l'info-bulle de la valeur CSS lorsque vous sélectionnez une fonction dans une valeur de propriété (par exemple, var, calc, clamp, etc., identifiée par un soulignement en pointillés) | Option+Flèche vers le bas | Alt+Flèche vers le bas |
| Modifier la représentation d'une valeur de couleur (par exemple, RVB, hexadécimal, oklch, etc.) | 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. |
| Modifier 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 |
| Incrémenter / décrémenter une valeur de propriété de 0,1 | Cliquez sur une valeur, puis appuyez sur Option+Flèche vers le haut / Option+Flèche vers le bas. | Cliquez sur une valeur, puis appuyez sur Alt+Flèche vers le haut / Alt+Flèche vers le bas |
| Incrémenter / décrémenter une valeur de propriété de 1 | Cliquez sur une valeur, puis appuyez sur Flèche vers le haut / Flèche vers le bas | Cliquez sur une valeur, puis appuyez sur Flèche vers le haut / Flèche vers le bas |
| Incrémenter / décrémenter une valeur de propriété de 10 | Cliquez sur une valeur, puis appuyez sur Maj+Flèche vers le haut / Maj+Flèche vers le bas. | Cliquez sur une valeur, puis appuyez sur Maj+Flèche vers le haut / Maj+Flèche vers le bas. |
| Incrémenter / décrémenter une valeur de 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 Control+Flèche vers le haut / Control+Flèche vers le bas. |
| Parcourir les représentations en degrés (deg), en grades (grad), en radians (rad) et en tours (turn) d'une valeur d'angle | 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. |
| Incrémenter / décrémenter une valeur d'angle de 1 | Cliquez sur la case Aperçu de l'angle à côté de la valeur, puis appuyez sur Flèche vers le haut / Flèche vers le bas. | Cliquez sur la case Aperçu de l'angle à côté de la valeur, puis appuyez sur Flèche vers le haut / Flèche vers le bas. |
| Incrémenter / décrémenter une valeur d'angle de 10 | Cliquez sur la case 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 case 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. |
| Incrémenter / décrémenter une valeur d'angle de 15 | Cliquez sur la case Aperçu de l'angle à côté de la valeur, puis appuyez sur Maj, cliquez / faites glisser la souris sur la superposition de l'horloge d'angle. | Cliquez sur la case Aperçu de l'angle à côté de la valeur, puis appuyez sur Maj, cliquez / faites glisser la souris sur la superposition de l'horloge d'angle. |
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 reprendre (s'il est en pause) | F8 ou Command+\ | F8 ou Control+\ |
| Passer à l'appel de fonction suivant | F10 ou Command+' | F10 ou Control+' |
| Entrer dans l'appel de fonction suivant | F11 ou Command+; | F11 ou Control+; |
| Quitter la fonction actuelle | Maj+F11 ou Command+Shift+; | Maj+F11 ou Control+Shift+; |
| Continuer jusqu'à une certaine ligne de code en pause | Maintenez la touche Command enfoncée, puis cliquez sur la ligne de code. | Maintenez la touche Control enfoncée, puis cliquez sur la ligne de code. |
| Sélectionner le cadre d'appel au-dessous / au-dessus du cadre actuellement sélectionné | Control+. / Control+, | Control+. / Control+, |
| Enregistrer les modifications locales | Command+S | Control+S |
| Enregistrer toutes les modifications | Command+Option+S | Control+Alt+S |
| Accéder à la ligne | Control+G | Control+G |
| Accéder à un numéro de ligne du fichier actuellement ouvert | Appuyez sur Command+O pour ouvrir le menu Commandes, saisissez : suivi du numéro de ligne, puis appuyez sur Entrée | Appuyez sur Control+O pour ouvrir le menu 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 Command+O pour ouvrir le menu Commandes, saisissez :, puis le numéro de ligne, puis un autre :, puis le numéro de colonne, puis appuyez sur Entrée | Appuyez sur Control+O pour ouvrir le menu 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 Command+Shift+O, puis saisissez le nom de la déclaration / de l'ensemble de règles ou sélectionnez-le dans la liste des options. | Appuyez sur Control+Shift+O, puis saisissez le nom de la déclaration / de l'ensemble 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 | Function+Command+Flèche vers le haut ou Flèche vers le bas | Control+Page précédente ou Page suivante |
| Activer/Désactiver la barre latérale Navigation à gauche | Command+Shift+Y | Control+Shift+Y |
| Activer/Désactiver la barre latérale Débogueur à droite | Command+Shift+H | Control+Shift+H |
Raccourcis clavier de l'éditeur de code
| Action | Mac | Windows / Linux |
|---|---|---|
| Supprimer tous les caractères du dernier mot, jusqu'au curseur | Option+Supprimer | Control+Supprimer |
| Ajouter ou supprimer un point d'arrêt de ligne de code | Placez votre curseur sur la ligne, puis appuyez sur Command+B | Placez votre curseur sur la ligne, puis appuyez sur Control+B |
| Ouvrir la boîte de dialogue de modification du point d'arrêt pour modifier les points d'arrêt conditionnels ou les points de journalisation | Placez votre curseur sur la ligne, puis appuyez sur Command+Alt+B | Placez votre curseur sur la ligne, puis appuyez sur Control+Alt+B. |
| Ouvrir la boîte de dialogue du point d'arrêt conditionnel | Command+clic sur un numéro de ligne | Control+clic sur un numéro de ligne |
| Ouvrir la boîte de dialogue du point de journalisation | Command+Shift+clic sur un numéro de ligne | Control+Shift+clic sur un numéro de ligne |
| Accéder à l'accolade correspondante | Control+M | Control+M |
| Activer/Désactiver 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+/ | Control+/ |
| Sélectionner / Désélectionner l'occurrence suivante du mot sur lequel se trouve le curseur. Chaque occurrence est mise en surbrillance simultanément. | Command+D / Command+U | Control+D / Control+U |
Raccourcis clavier du panneau "Réseau"
| Action | Mac | Windows / Linux |
|---|---|---|
| Rechercher des en-têtes, des charges utiles et des réponses | Command+F | Control+F |
| Démarrer / Arrêter l'enregistrement | Command+E | Control+E |
| Enregistrer une actualisation | Command+R | Control+R |
| Masquer les détails d'une requête sélectionnée | Escape | Escape |
Raccourcis clavier du panneau "Performances"
| Action | Mac | Windows / Linux |
|---|---|---|
| Démarrer / Arrêter l'enregistrement | Command+E | Control+E |
| Sauvegarder l'enregistrement | Command+S | Control+S |
| Charger l'enregistrement | Command+O | Control+O |
Raccourcis clavier du panneau "Mémoire"
| Action | Mac | Windows / Linux |
|---|---|---|
| Démarrer / Arrêter l'enregistrement | Command+E | Control+E |
Raccourcis clavier du panneau "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 | Escape | Escape |
| Parcourir la liste de saisie semi-automatique vers le haut ou vers le bas | Flèche vers le haut / Flèche vers le bas ou Control+P / N | Flèche vers le haut / Flèche vers le bas ou Control+P / N |
| Obtenir l'instruction précédente | Flèche vers le haut | Flèche vers le haut |
| Obtenir l'instruction suivante | Flèche vers le bas | Flèche vers le bas |
| Sélectionner la console | Control+` | Control+` |
| Effacer la console | Command+K ou Option+L | Control+L |
| Forcer une entrée sur plusieurs lignes. Notez que les Outils de développement doivent détecter les scénarios sur plusieurs lignes par défaut. Ce raccourci n'est donc généralement plus nécessaire. | Maj+Retour | Maj+Entrée |
| Exécuter | Retour | Entrée |
| Développer toutes les sous-propriétés d'un objet qui a été consigné 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 } | Control+Shift+{ ou } |
Raccourcis clavier du panneau "Enregistreur"
| Action | Mac | Windows / Linux |
|---|---|---|
| Démarrer ou arrêter l'enregistrement | Command+E | Control+E |
| Rediffuser l'enregistrement | Command+Entrée | Control+Entrée |
| Copier l'enregistrement ou l'étape sélectionnée | Command+C | Control+C |
| Activer/Désactiver la vue Code | Command+B | Control+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 de rotation | V | V |
| Réinitialiser la position et la rotation du diagramme | 0 | 0 |
| Zoomer sur le diagramme | Maj++ ou molette de la souris vers le haut | Maj++ ou molette de la souris vers le haut |
| Effectuer 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 |