Dicas para DevTools: diferentes maneiras de abrir DevTools
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
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.
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.
Para saber como abrir automaticamente o Chrome DevTools no Windows, Linux ou MacOS, consulte Abrir automaticamente o DevTools em cada nova guia.
Saiba mais
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2022-10-26 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2022-10-26 UTC."],[],[],null,[]]
