Partager via


Raccourcis clavier

Il s’agit des raccourcis clavier par défaut pour Microsoft Edge DevTools.

Dans DevTools, lorsque vous pointez sur une icône, l’info-bulle affiche souvent un raccourci clavier.

Voir aussi Naviguer dans DevTools avec une technologie d’assistance et Personnaliser les raccourcis clavier.

Raccourcis clavier pour ouvrir DevTools

Pour ouvrir DevTools, appuyez sur les raccourcis clavier suivants pendant que votre curseur se concentre sur la fenêtre d’affichage du navigateur :

Action Windows/Linux macOS
Ouvrez le panneau que vous avez utilisé en dernier F12 ou Ctrl+Maj+I Commande+Option+I
Ouvrir l’outil Console Ctrl+Maj+J Commande+Option+J
Ouvrir l’outil Éléments Ctrl+Maj+C Commande+Maj+C ou Commande+Option+C

Raccourcis clavier globaux

Les raccourcis clavier suivants sont disponibles dans la plupart des panneaux DevTools.

Action Windows/Linux macOS
Afficher les paramètres Maj+ ? ou F1 Maj+ ? ou Fonction+F1
Focus sur le panneau suivant Ctrl+] Commande+]
Focus sur le panneau précédent Ctrl+[ Commande+[
Revenez à la position d’ancrage que vous avez utilisée pour la dernière fois. Si DevTools a été à la position par défaut pour l’ensemble de la session, ce raccourci désactive DevTools dans une fenêtre distincte. Ctrl+Maj+D Commande+Maj+D
Activer/désactiver l’émulation de l’appareil Ctrl+Maj+M Commande+Maj+M
Activer/désactiver le mode d’élément Inspect Ctrl+Maj+C Commande+Maj+C
Ouvrir le menu de commandes Ctrl+Maj+P Commande+Maj+P
Activer/désactiver le panneau Affichage rapide Esc Esc
Actualisation normale F5 ou Ctrl+R Commande+R
Actualisation matérielle Ctrl+F5 ou Ctrl+Maj+R Commande+Maj+R
Recherchez du texte dans le panneau actif. Non pris en charge dans les outils Audits, Application et Sécurité Ctrl+F Commande+F
Ouvre l’outil de recherche dans l’affichage rapide, qui vous permet de rechercher du texte dans toutes les ressources chargées Ctrl+Maj+F Commande+Option+F
Ouvrir un fichier dans l’outil Sources Ctrl+O ou Ctrl+P Commande+O ou Commande+P
Zoom avant Ctrl++ Commande++
Zoom arrière Ctrl+- Commande+-
Restaurer le niveau de zoom par défaut Ctrl+0 Commande+0
Exécuter l’extrait de code Appuyez sur Ctrl+O pour ouvrir le menu Commandes, tapez ! suivi du nom du script, puis appuyez sur Entrée. Appuyez sur Cmd+O pour ouvrir le menu Commandes, tapez ! suivi du nom du script, puis appuyez sur Entrée.

Raccourcis clavier de l’outil Éléments

Action Windows/Linux macOS
Annuler la modification Ctrl+Z Commande+Z
Modification par progression Ctrl+Y Commande+Maj+Z
Sélectionnez l’élément au-dessus/ en dessous de l’élément actuellement sélectionné Flèche / hautFlèche vers le bas Flèche / hautFlè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 en dessous. Flèche droite Flèche 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 au-dessus de celui-ci Flèche gauche Flèche gauche
Développer ou réduire le nœud actuellement sélectionné et tous les enfants Maintenez la touche Ctrl+Alt enfoncée, puis cliquez sur l’icône de flèche en regard du nom de l’élément Option De maintien, puis cliquez sur l’icône de flèche en regard 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électionnez l’attribut suivant/précédent après avoir entré le mode Modifier les attributs Onglet / Maj+Tab Onglet / Maj+Tab
Masquer l’élément actuellement sélectionné H H
Activer/désactiver l’option Modifier en mode HTML sur l’élément actuellement sélectionné Fonction+F2 F2

Raccourcis clavier du volet Styles

Action Windows/Linux macOS
Accéder à la ligne où une valeur de propriété est déclarée Maintenez la touche Ctrl enfoncée, puis cliquez sur la valeur de la propriété Maintenez la commande, puis cliquez sur la valeur de la propriété
Parcourir les représentations RBGA, HSLA et Hex d’une valeur de couleur Maintenez la touche Maj enfoncée, puis cliquez sur la zone Aperçu des couleurs en regard de la valeur Maintenez la touche Maj enfoncée, puis cliquez sur la zone Aperçu des couleurs en regard 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 Tab / Maj+Tab Cliquez sur un nom ou une valeur de propriété, puis appuyez sur Tab / Maj+Tab
Incrémenter/décrémenter une valeur de propriété de 0,1 Cliquez sur une valeur, puis appuyez sur Alt+Flèche / haut Alt+Flèche bas Cliquez sur une valeur, puis appuyez sur Option+Flèche haut /Option+Flèche 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 bas Cliquez sur une valeur, puis appuyez sur Flèche / vers le haut Flèche bas
Incrémenter/décrémenter une valeur de propriété de 10 Cliquez sur une valeur, puis appuyez sur Maj+Flèche / haut Maj+Flèche bas Cliquez sur une valeur, puis appuyez sur Maj+Flèche / haut Maj+Flèche bas
Incrémenter/décrémenter une valeur de propriété de 100 Cliquez sur une valeur, puis appuyez sur Ctrl+Flèche / hautCtrl+Flèche bas Cliquez sur une valeur, puis appuyez sur Cmd+Flèche haut / +Flèche bas
Parcourir les représentations degrés (deg), gradians (gradians), radians (rad) et retourne (tour) d’une valeur d’angle Maintenez la touche Maj enfoncée , puis cliquez sur la zone Aperçu de l’angle en regard de la valeur Maintenez la touche Maj enfoncée , puis cliquez sur la zone Aperçu de l’angle en regard de la valeur
Incrémenter/décrémenter une valeur d’angle de 1 Cliquez sur la zone Aperçu de l’angle en regard de la valeur, puis appuyez sur Flèche / vers le haut flèche vers le bas Cliquez sur la zone Aperçu de l’angle en regard 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 zone Aperçu de l’angle en regard de la valeur, puis appuyez sur Maj+Flèche / haut Maj+Flèche bas Cliquez sur la zone Aperçu de l’angle en regard de la valeur, puis appuyez sur Maj+Flèche / haut Maj+Flèche bas
Incrémenter/décrémenter une valeur d’angle de 15 Cliquez sur la zone Aperçu de l’angle en regard de la valeur, puis appuyez sur Maj, puis cliquez/souris sur la superposition de l’horloge angle Cliquez sur la zone Aperçu de l’angle en regard de la valeur, puis appuyez sur Maj, puis cliquez/souris sur la superposition de l’horloge angle

Raccourcis clavier de l’outil Sources

Action Windows/Linux macOS
Suspendre le runtime du script (s’il est en cours d’exécution) ou reprendre (s’il est actuellement suspendu) F8 ou Ctrl+\ F8 ou Command+\
Pas à pas sur l’appel de fonction suivant F10 ou Ctrl+' F10 ou Command+'
Passer à l’appel de fonction suivant F11 ou Ctrl+ ; F11 ou Command+ ;
Sortir de la fonction actuelle Maj+F11 ou Ctrl+Maj+ ; Maj+F11 ou Commande+Maj+ ;
Passer à une ligne de code spécifique en pause Maintenez la touche Ctrl enfoncée, puis cliquez sur la ligne de code Maintenez la commande enfoncée, puis cliquez sur la ligne de code
Sélectionnez la trame d’appel sous/au-dessus du frame actuellement sélectionné Ctrl+. / Ctrl+, Ctrl+. / Ctrl+,
Enregistrer les modifications apportées aux modifications locales Ctrl+S Commande+S
Enregistrer toutes les modifications Ctrl+Alt+S Commande+Option+S
Accéder à la ligne Ctrl+G Ctrl+G
Accéder à un numéro de ligne du fichier actuellement ouvert Appuyez sur Ctrl+O pour ouvrir le menu Commandes, tapez : suivi du numéro de ligne, puis appuyez sur Entrée. Appuyez sur Cmd+O pour ouvrir le menu Commandes, tapez : 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 Ctrl+O pour ouvrir le menu Commandes, tapez :, puis le numéro de ligne, puis un autre :, puis le numéro de colonne, puis appuyez sur Entrée. Appuyez sur Cmd+O pour ouvrir le menu Commandes, tapez :, puis le numéro de ligne, puis un autre :, puis le numéro de colonne, puis appuyez sur Entrée
Accédez à une déclaration de fonction, si le fichier actif est HTML ou un script.
Accédez à un ensemble de règles, si le fichier actif est une feuille de style.
Appuyez sur Ctrl+Maj+O, puis tapez le nom de l’ensemble de déclarations/règles, ou sélectionnez-le dans la liste des options. appuyez sur Cmd+Maj+O, puis tapez le nom de la déclaration/ensemble de règles, ou sélectionnez-le dans la liste des options.
Fermer l’onglet actif Alt+W Option+W

Raccourcis clavier de l’éditeur de code

Action Windows/Linux macOS
Supprimer tous les caractères du dernier mot, jusqu’au curseur Ctrl+Supprimer Option+Supprimer
Ajouter ou supprimer un point d’arrêt de ligne de code Placez le curseur sur la ligne, puis appuyez sur Ctrl+B. Placez le curseur sur la ligne, puis appuyez sur Cmd+B
Accéder au crochet correspondant Ctrl+M Ctrl+M
Activer/désactiver l’commentaire de ligne unique. Si plusieurs lignes sont sélectionnées, DevTools ajoute un commentaire au début de chaque ligne Ctrl+/ Commande+/
Activez ou désactivez l’occurrence suivante du mot sur lequel le curseur est activé. Chaque occurrence est mise en surbrillance simultanément Ctrl+D / Ctrl+U Commande+D / Commande+U

Raccourcis clavier de l’outil De performances

Action Windows/Linux macOS
Démarrer/arrêter l’enregistrement Ctrl+E Commande+E
Enregistrer l’enregistrement Ctrl+S Commande+S
Chargement de l’enregistrement Ctrl+O Commande+O

Raccourcis clavier de l’outil mémoire

Action Windows/Linux macOS
Démarrer/arrêter l’enregistrement Ctrl+E Commande+E

Raccourcis clavier de l’outil console

Action Windows/Linux macOS
Accepter la suggestion de saisie semi-automatique Flèche droite ou tabulation Flèche droite ou tabulation
Rejeter la suggestion d’autocomplétion Esc Esc
Obtenir l’instruction précédente Flèche haut Flèche haut
Obtenir l’instruction suivante Flèche vers le bas Flèche vers le bas
Focus sur la console Ctrl+' Ctrl+'
Effacer la console Ctrl+L Commande+K ou Option+L
Forcer une entrée multiligne. Ce raccourci est principalement inutile, car DevTools doit détecter les scénarios multilignes par défaut Maj+Entrée Commande+Retour
Exécution Entrée Return
Développer toutes les sous-propriétés d’un objet qui sont enregistrées dans la console Maintenez la touche Altenfoncée , puis cliquez sur Développer (Développer) Maintenez la touche Altenfoncée , puis cliquez sur Développer (Développer).

Voir également

Remarque

Certaines parties de cette page sont des modifications fondées sur le travail créé et partagé par Google et utilisées conformément aux conditions décrites dans la licence internationale 4,0 d’attribution créative. La page d’origine se trouve ici et est créée par Kayce Basques (Rédacteur technique, Chrome DevTools & Lighthouse).

Licence Creative Commons Cette œuvre est concédée sous licence creative commons attribution 4.0 international.