Kayce Basques
Sofia Emelianova
Cette page fait référence aux raccourcis clavier disponibles dans les outils pour les développeurs 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 le curseur est placé sur la fenêtre d'affichage du navigateur:
| Action | Mac | Windows / Linux |
|---|---|---|
| Ouvrir le dernier panneau utilisé | Cmd Option I | F12 ou Ctrl Maj I |
| Ouvrir le panneau de la console | Cmd Option J | Ctrl Maj J |
| Ouvrir le panneau Éléments | Cmd Maj C ou Cmd Option C | Ctrl Maj C |
Raccourcis clavier généraux
Les raccourcis clavier suivants sont disponibles dans la plupart, voire dans tous, des panneaux des outils de développement.
| Action | Mac | Windows / Linux |
|---|---|---|
| Afficher les paramètres | ? ou Fonction F1 | ? ou F1 |
| Sélectionner le panneau suivant | Cmd ] | Ctrl ] |
| Sélectionner le panneau précédent | Cmd [ | Ctrl [ |
| Revenez à la position d'ancrage que vous avez utilisée en dernier. Si les outils de développement sont restés à leur position par défaut pendant toute la session, ce raccourci le retire dans une fenêtre distincte. | Cmd Maj D | Ctrl Maj D |
| Activer/Désactiver le mode Appareil | Cmd Maj M | Ctrl Maj M |
| Activer/Désactiver le mode Inspecter l'élément | Cmd Maj C | Ctrl Maj C |
| Ouvrez le menu Commandes. | Cmd Maj P | Ctrl Maj P |
| Activer/Désactiver le panneau | Échap | Échap |
| Actualisation normale | Cmd R | F5 ou Ctrl R |
| Actualisation forcée | Cmd Maj R | Ctrl F5 ou Ctrl Maj R |
| Recherchez du texte dans le panneau actuel. Il n'est compatible qu'avec les panneaux Éléments, Console, Sources, Performances, Mémoire, Profileur JavaScript et Source rapide. | Cmd F | Ctrl F |
| Ouvre l'onglet Search (Rechercher) du panneau, qui permet de rechercher du texte dans toutes les ressources chargées | Cmd Option F | Ctrl Maj F |
| Ouvrir un fichier dans le panneau Sources | Cmd O ou Cmd P | Ctrl O ou Ctrl P |
| Faire un zoom avant | Cmd Maj | Ctrl Maj |
| Faire un zoom arrière | Cmd - | Ctrl - |
| Restaurer le niveau de zoom par défaut | Cmd 0 | Ctrl 0 |
| Exécuter l'extrait | Appuyez sur Cmd O pour ouvrir le menu Commandes, saisissez ! suivi du nom du script, puis appuyez sur Entrée. | Appuyez sur Ctrl O pour ouvrir le menu Commandes, saisissez ! suivi du nom du script, puis appuyez sur Entrée. |
Raccourcis clavier du panneau "Elements"
| Action | Mac | Windows / Linux |
|---|---|---|
| Annuler les modifications | Cmd Z | Ctrl Z |
| Répéter la modification | Cmd Maj Z | Ctrl Y |
| Sélectionner l'élément au-dessus ou 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 en dessous | Flèche vers la droite | Flèche vers la droite |
| Réduisez 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 l'icône en forme de flèche à côté du nom de l'élément. |
| Activer/Désactiver le mode Edit Attributes (Modifier les attributs) pour l'élément sélectionné | Entrer | Entrer |
| Sélectionnez l'attribut suivant / précédent après être passé en mode Edit Attributes (Modifier les attributs). | Tab / Maj Tab | Tab / Maj Tab |
| Masquer l'élément sélectionné | A | A |
| Activer/Désactiver le mode Modifier au format HTML pour l'élément sélectionné | Fonction F2 | F2 |
Raccourcis clavier du volet "Styles"
| Action | Mac | Windows / Linux |
|---|---|---|
| Accéder à la ligne où la valeur d'une propriété est déclarée | Maintenez la touche Cmd 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é. |
| Alterner les représentations RVBA, HSLA et hexadécimales d'une valeur de couleur | Maintenez la touche Maj enfoncée, puis cliquez sur la case Aperçu des couleurs à côté de la valeur. | Maintenez la touche Maj enfoncée, puis cliquez sur la case Aperçu des couleurs à côté de la valeur. |
| Sélectionner la propriété ou la valeur suivante / précédente | Cliquez sur le nom ou la valeur d'une propriété, puis appuyez sur Tabulation / Maj Tabulation. | Cliquez sur le nom ou la valeur d'une propriété, puis appuyez sur Tabulation / Maj Tabulation. |
| Incrémenter ou décrémenter la valeur d'une 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 ou décrémenter la valeur d'une propriété de 1 | Cliquez sur une valeur, puis appuyez sur la flèche vers le haut / flèche vers le bas. | Cliquez sur une valeur, puis appuyez sur la flèche vers le haut / flèche vers le bas. |
| Incrémenter ou décrémenter la valeur d'une 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 ou décrémenter la valeur d'une propriété de 100 | Cliquez sur une valeur, puis appuyez sur Cmd Flèche vers le haut / Cmd Flèche vers le bas. | Cliquez sur une valeur, puis appuyez sur Ctrl Flèche vers le haut / Ctrl Flèche vers le bas |
| Fait défiler les représentations en degrés (deg), gradiens (grad), radians (rad) et virages (tour) 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 / Diminuer la valeur d'un angle de 1 | Cochez la case Aperçu de l'angle à côté de la valeur, puis appuyez sur la flèche vers le haut / flèche vers le bas. | Cochez la case Aperçu de l'angle à côté de la valeur, puis appuyez sur la flèche vers le haut / flèche vers le bas. |
| Incrémenter / Diminuer une valeur d'angle de 10 | Cochez 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 | Cochez 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 / Diminuer une valeur d'angle de 15 | Cochez la case Angle Preview (Aperçu de l'angle) à côté de la valeur, appuyez sur Maj, cliquez ou faites glisser la souris sur la superposition d'horloge de l'angle. | Cochez la case Angle Preview (Aperçu de l'angle) à côté de la valeur, appuyez sur Maj, cliquez ou faites glisser la souris sur la superposition d'horloge de l'angle. |
Raccourcis clavier du panneau des sources
| Action | Mac | Windows / Linux |
|---|---|---|
| suspendre l'exécution du script (si elle est en cours d'exécution) ou la reprendre (si elle est en cours d'exécution) ; | 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 ; |
| Utiliser une ligne de code spécifique pendant la mise en veille | Maintenez la touche Commande enfoncée, puis cliquez sur la ligne de code. | Maintenez la touche Ctrl enfoncée, puis cliquez sur la ligne de code. |
| Sélectionnez le cadre d'appel sous / au-dessus du cadre actuellement sélectionné | Ctrl . / Ctrl , | Ctrl . / Ctrl , |
| Enregistrer les modifications locales | Cmd S | Ctrl S |
| Enregistrer toutes les modifications | Cmd 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 Commandes, saisissez : suivi du numéro de ligne, puis appuyez sur Entrée. | Appuyez sur Ctrl 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 Commande O pour ouvrir le menu Commandes, saisissez :, puis le numéro de ligne, puis un autre :, le numéro de colonne et appuyez sur Entrée. | Appuyez sur Ctrl O pour ouvrir le menu Commandes, saisissez :, puis le numéro de ligne, puis un autre :, le numéro de colonne et appuyez sur Entrée. |
| Accédez à une déclaration de fonction (si le fichier actuellement ouvert est au format HTML ou à un script) ou à un jeu de règles (si le fichier actuellement ouvert est une feuille de style). | Appuyez sur Commande Maj O, puis saisissez le nom de la déclaration / du jeu de règles, ou sélectionnez-le dans la liste d'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 d'options. |
| Fermer l'onglet actif | Option W | Alt W |
| Ouvrir l'onglet suivant ou précédent | Fonction Cmd Haut ou Bas | Ctrl Page précédente ou Page suivante |
| Activer/Désactiver la barre latérale de navigation sur la gauche | Cmd Maj Y | Ctrl Maj Y |
| Activez ou désactivez la barre latérale Debugger (Débogueur) à droite. | Cmd Maj H | Ctrl Maj H |
Raccourcis clavier de l'éditeur de code
| Action | Mac | Windows / Linux |
|---|---|---|
| Supprimer tous les caractères du dernier mot, jusqu'au curseur | Option Suppr | Ctrl Suppr |
| Ajouter ou supprimer un point d'arrêt de 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 du point 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 Cmd 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 logpoint | Cmd Maj clic sur le numéro de ligne | Ctrl Maj cliquer sur le numéro de ligne |
| Accéder à la parenthèse correspondante | Ctrl M | Ctrl M |
| Activer/Désactiver le commentaire sur une seule ligne. Si vous sélectionnez plusieurs lignes, les outils de développement insèrent un commentaire au début de chaque ligne. | Cmd / | Ctrl / |
| Permet de sélectionner / désélectionner l'occurrence suivante du mot sur lequel se trouve le curseur. Chaque occurrence est mise en surbrillance simultanément. | Cmd D / Cmd U | Ctrl D / Ctrl U |
Raccourcis clavier du panneau "Réseau"
| Action | Mac | Windows / Linux |
|---|---|---|
| Démarrer / Arrêter l'enregistrement | Cmd E | Ctrl E |
| Enregistrer un rechargement | Cmd R | Ctrl R |
| Relancer une requête XHR sélectionnée | R | R |
| Masquer les détails d'une requête sélectionnée | Échap | Échap |
Raccourcis clavier du panneau "Performances"
| Action | Mac | Windows / Linux |
|---|---|---|
| Démarrer / Arrêter l'enregistrement | Cmd E | Ctrl E |
| Sauvegarder l'enregistrement | Cmd S | Ctrl S |
| Charger l'enregistrement | Cmd O | Ctrl O |
Raccourcis clavier du panneau "Mémoire"
| Action | Mac | Windows / Linux |
|---|---|---|
| Démarrer / Arrêter l'enregistrement | Cmd 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 | Échap | Échap |
| 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 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 |
| Présentation de la console | Ctrl ` | Ctrl ` |
| Videz la console. | Cmd K ou Option L | Ctrl L |
| Forcez la saisie sur plusieurs lignes. Notez que les outils de développement détectent les scénarios multilignes par défaut. Ce raccourci est donc généralement inutile. | 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 de recherche
| Action | Mac | Windows / Linux |
|---|---|---|
| Développer/réduire tous les résultats de recherche | Cmd Option { ou } | Ctrl Maj { ou } |
Raccourcis clavier dans le panneau de l'Enregistreur
| Action | Mac | Windows / Linux |
|---|---|---|
| Démarrer ou arrêter l'enregistrement | Cmd E | Ctrl E |
| Relire l'enregistrement | Cmd Entrée | Ctrl Entrée |
| Copier l'enregistrement ou l'étape sélectionnée | Cmd C | Ctrl C |
| Activer/Désactiver la vue Code | Cmd B | Ctrl B |