Há muitas maneiras de abrir o Chrome DevTools. Escolha sua favorita.
Clique com o botão direito do mouse > Inspecionar
Clique com o botão direito do mouse em qualquer elemento da página e selecione Inspecionar.
Menu "Mais ferramentas"
Selecione > Mais ferramentas > Ferramentas para desenvolvedores.
Atalhos
Se você prefere usar o teclado, confira esta tabela de atalhos:
SO | Elementos | Console | Seu último painel |
---|---|---|---|
Windows ou Linux | Ctrl + Shift + C | Ctrl + Shift + J | F12 Ctrl + Shift + I |
Mac | Cmd + Option + C | Cmd + Option + J | Fn + F12 Cmd + Option + I |
A maneira mais fácil de memorizar os atalhos:
- C significa CSS.
- J para JavaScript.
- I indica sua escolha.
Abrir o DevTools automaticamente em cada nova guia
Para saber como abrir automaticamente o Chrome DevTools no Windows, Linux ou MacOS, consulte Abrir automaticamente o DevTools em cada nova guia.