Há muitas maneiras de abrir o Chrome DevTools. Escolha seu favorito.
Clique com o botão direito do mouse > Inspect
Clique com o botão direito do mouse em qualquer elemento na página e selecione Inspecionar.
O menu "Mais ferramentas"
Selecione > Mais ferramentas > Ferramentas para desenvolvedores.
Atalhos
Se você gosta de digitar, aqui está uma folha de referências 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 fácil de memorizar os atalhos:
- C significa CSS.
- J para JavaScript.
- I designa sua escolha.
Abrir o DevTools automaticamente em cada nova guia
Para saber como abrir o Chrome DevTools automaticamente no Windows, Linux ou MacOS, consulte Abrir DevTools automaticamente em cada nova guia.