Astuces DevTools: Différentes façons d'ouvrir les Outils de développement

Sofia Emelianova
Sofia Emelianova

Il existe plusieurs façons d'ouvrir les outils pour les développeurs Chrome. Choisissez celle que vous préférez.

Cliquez avec le bouton droit de la souris > Inspecter

Faites un clic droit sur un élément de la page, puis sélectionnez Inspecter.

L'option Inspecter dans le menu déroulant.

Menu "Plus d'outils"

Sélectionnez Menu à trois points. > Plus d'outils > Outils pour les développeurs.

Menu "Plus d'outils"

Raccourcis

Si vous êtes un utilisateur clavier, voici un aide-mémoire pour les raccourcis:

OS Éléments Console Votre dernier panneau
Windows ou Linux Ctrl+Maj+C Ctrl+Maj+J F12
Ctrl+Maj+I
Mac Cmd + Option + C Cmd + Option + J Fn + F12
Cmd + Option + I

Voici la méthode la plus simple pour mémoriser les raccourcis:

  • C signifie CSS.
  • J pour JavaScript.
  • I désigne votre choix.

Ouvrir automatiquement les outils de développement dans chaque nouvel onglet

Pour savoir comment ouvrir automatiquement les outils pour les développeurs Chrome sous Windows, Linux ou macOS, consultez Ouvrir automatiquement les outils de développement dans chaque nouvel onglet.

En savoir plus