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 votre curseur est dans le navigateur fenêtre d'affichage:
| Action | Mac | Windows / Linux |
|---|---|---|
| Ouvrez le dernier panneau utilisé. | Cmd+Option+I | F12 ou Ctrl+Maj+I |
| Ouvrez le panneau Console. | Cmd+Option+J | Ctrl+Maj+J |
| Ouvrir le panneau Elements | 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 la totalité, 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 | Command+] | Control+] |
| Sélectionner le panneau précédent | Cmd+[ | Ctrl+[ |
| Revenez à la dernière position d'accueil que vous avez utilisée. Si les outils de développement ont été à leur position par défaut pendant toute la session, ce raccourci les 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 d'inspection de l'élément | Cmd+Maj+C | Ctrl+Maj+C |
| Ouvrez le menu de commandes. | Cmd+Maj+P | Ctrl+Maj+P |
| Activer/Désactiver le tiroir | Échap | Échap |
| Actualisation normale | Cmd+R | F5 ou Ctrl+R |
| Actualisation forcée | Cmd+Maj+R | Ctrl+F5 ou Ctrl+Maj+R |
| Permet de rechercher du texte dans le panneau actuel. Compatible uniquement avec les panneaux Elements, Elements, Elements, Elements, Elements, Elements et Elements. | Cmd+F | Ctrl+F |
| Ouvre l'onglet Rechercher dans le panneau, qui vous 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 |
| Zoom avant | Cmd+Maj++ | Ctrl+Maj++ |
| Zoom arrière | Cmd+- | Ctrl+- |
| Restaurer le niveau de zoom par défaut | Cmd+0 | Ctrl+0 |
| Exécuter l'extrait | Appuyez sur Commande+O pour ouvrir le menu Commande, puis saisissez ! suivi du nom du script, puis appuyez sur Entrée. | Appuyez sur Ctrl+O pour ouvrir le menu de commandes, puis saisissez ! suivi du nom du script, puis appuyez sur Entrée. |
Raccourcis clavier du panneau des éléments
| 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é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é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 Modifier les attributs pour l'élément actuellement sélectionné | Entrer | Entrer |
| Sélectionner l'attribut suivant / précédent après avoir activé le mode Edit Attributes (Modifier les attributs) | Tabulation / Maj+Tabulation | Tabulation / Maj+Tabulation |
| Masquer l'élément actuellement sélectionné | C | C |
| 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édez à la ligne sur laquelle une valeur de 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é. |
| Parcourir 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 / Diminuer 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 / Diminuer 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 / Diminuer 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 / Diminuer une valeur de propriété de 100 | Cliquez sur une valeur, puis appuyez sur Commande+Flèche vers le haut / Commande+Flèche vers le bas | Cliquez sur une valeur, puis appuyez sur Ctrl+Flèche vers le haut / Ctrl+Flèche vers le bas |
| Cycle représenté par 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 Angle Preview (Aperçu de l'angle) à côté de la valeur. | Maintenez la touche Maj enfoncée, puis cliquez sur la case Angle Preview (Aperçu de l'angle) à côté de la valeur. |
| Incrémenter / Diminuer la valeur d'un angle de 1 | Cliquez sur la case Angle Preview (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 Angle Preview (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 / Diminuer la valeur d'un angle de 10 | Cliquez sur la case Angle Preview (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 Angle Preview (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 la valeur d'un angle de 15 | Cliquez sur la case Angle Preview (Aperçu de l'angle) à côté de la valeur, puis appuyez sur Maj, faites glisser le curseur de la souris sur la superposition d'horloge d'angle. | Cliquez sur la case Angle Preview (Aperçu de l'angle) à côté de la valeur, puis appuyez sur Maj, faites glisser le curseur de la souris sur la superposition d'horloge d'angle. |
Raccourcis clavier du panneau "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 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+; |
| Accéder à une ligne de code spécifique pendant la suspension | Maintenez la touche Commande enfoncée et cliquez sur la ligne de code. | Maintenez la touche Ctrl enfoncée, puis cliquez sur la ligne de code. |
| Sélectionnez le frame d'appel sous / au-dessus du frame actuellement sélectionné | Ctrl+. / Ctrl+, | Ctrl+. / Ctrl+, |
| Enregistrer les modifications apportées aux 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 dans le fichier actuellement ouvert | Appuyez sur Commande+O pour ouvrir le menu 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 Commande+O pour ouvrir le menu Commande, saisissez :, le numéro de la ligne, puis un autre :, puis le numéro de la colonne, puis appuyez sur Entrée. | Appuyez sur Ctrl+O pour ouvrir le menu de commandes. Saisissez :, puis le numéro de la ligne, puis un autre :, puis le numéro de la colonne. Appuyez ensuite sur Entrée. |
| Accédez à une déclaration de fonction (si le fichier actuellement ouvert correspond à du code HTML ou à un script) ou à un ensemble de règles (si le fichier actuellement ouvert est une feuille de style). | Appuyez sur Commande+Maj+O, puis saisissez le nom du déclaration / de l'ensemble 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 à gauche | Cmd+Maj+Y | Ctrl+Maj+Y |
| Activer/Désactiver 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+Supprimer | Ctrl+Suppr |
| Ajouter ou supprimer un point d'arrêt dans la ligne de code | Placez le curseur sur la ligne, puis appuyez sur Commande+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 | Commande+cliquez sur le numéro d'une ligne | Appuyez sur Ctrl tout en cliquant sur le numéro d'une ligne. |
| Ouvrir la boîte de dialogue logpoint (point de journalisation) | Cmd+Maj+cliquez sur le numéro d'une ligne | Ctrl+Maj+clic sur le numéro d'une ligne |
| Accéder à la parenthèse correspondante | Ctrl+M | Ctrl+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 | 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 |
|---|---|---|
| Rechercher des en-têtes, des charges utiles et des réponses | Cmd+F | Ctrl+F |
| Démarrer / Arrêter l'enregistrement | Cmd+E | Ctrl+E |
| Enregistrer une actualisation | Cmd+R | Ctrl+R |
| Relancer une requête XHR sélectionnée | D | D |
| Masquer les détails de la 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 de 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 le relevé suivant | Flèche vers le bas | Flèche vers le bas |
| Centrer la console | Ctrl+` | Ctrl+` |
| Videz la console. | Cmd+K ou Option+L | Ctrl+L |
| Forcez une saisie sur plusieurs lignes. Notez que les outils de développement doivent détecter les scénarios multilignes par défaut. Ce raccourci est donc désormais inutile. | Maj+Retour | Maj+Entrée |
| Exécuter | Retour | Entrer |
| Développer toutes les sous-propriétés d'un objet consignées 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 du panneau de l'Enregistreur
| Action | Mac | Windows / Linux |
|---|---|---|
| Démarrer ou arrêter l'enregistrement | Cmd+E | Ctrl+E |
| Revoir 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 |