66 votes

Existe-t-il un raccourci clavier pour le sélecteur d'élément dans le panneau de développement de Chrome?

Dans le panneau de développement de Chrome, cet outil ...

entrez la description de l'image ici

vous permet de sélectionner des éléments et d'aller directement à eux dans la vue DOM, et de voir leurs attributs CSS.

Safari a le même outil.

Existe-t-il un raccourci clavier pour activer cet outil (une fois le panneau ouvert)?

127voto

shreedhar Points 2012

Pour ouvrir / passer du mode élément à inspecter et de la fenêtre du navigateur, vous pouvez effectuer les opérations suivantes:

  • Sur Mac - Commande + Maj + C

  • Sous Windows / Linux - Ctrl + Maj + C

Pour plus de raccourcis clavier utiles, reportez-vous à la documentation des outils de développement .

6voto

amiregelz Points 726

Le raccourci est Ctrl + Maj + C ( source ).

Vous pouvez également cliquer avec le bouton droit sur n’importe quel élément d’une page Web et cliquer sur Inspect element .

4voto

Michael Cole Points 351

Ctrl + Maj + C pour Linux également.

2voto

JohnGH Points 141

Sous Windows, pour afficher le volet "Inspecter l'élément" en bas:

  • Vous pouvez soit utiliser: Ctrl + Shift + C

  • OU vous pouvez utiliser: F12

Bien que vous puissiez généralement cliquer avec le bouton droit de la souris sur des éléments d’une page Web et cliquer sur Inspect element , il est utile de connaître ces raccourcis clavier lorsque le code JavaScript d’une page est désactivé. Désactivez le clic droit dans cette page.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X