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 |