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 ( ) |
Maintenez la touche Altenfoncée , puis cliquez sur Développer (). |
Voir également
- Naviguer dans DevTools avec les technologies d’assistance
- Personnaliser les raccourcis clavier
- Exécuter des commandes dans le menu Commande
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).
Cette œuvre est concédée sous licence creative commons attribution 4.0 international.