Dans le panneau de développement Chrome Chrome, existe-t-il un raccourci clavier pour le sélecteur d'élément?
Dans le Chrome panel de développeurs, cet outil ...
vous permet de sélectionner des éléments et d'y accéder directement 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)?
Pour ouvrir/passer du mode d'inspection des éléments et de la fenêtre du navigateur, vous pouvez:
Sur Mac - ⌘ + Shift + C
Sous Windows/Linux - Ctrl + Shift + C OR F12
Pour des raccourcis clavier plus utiles, reportez-vous à la documentation des outils de développement .
Le raccourci est Ctrl+Shift+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.
Ctrl + Shift + C pour Linux également.
Sous Windows et Linux, 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 sur les éléments d'une page Web et cliquer sur Inspect element, il est utile de connaître ces raccourcis clavier lorsqu'une page dispose de JavaScript pour désactiver le clic droit dans cette page.
Sur un Mac, vous pouvez utiliser ⌘ + ⌥ + I
C'est ce qui fonctionne pour moi.
Voici une ressource où vous pouvez trouver tous ces raccourcis https://developers.google.com/web/tools/chrome-devtools/shortcuts