Dicas para DevTools: diferentes maneiras de abrir DevTools

Sofia Emelianova
Sofia Emelianova

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.

A opção "Inspect" no menu suspenso.

Menu "Mais ferramentas"

Selecione Menu de três pontos. > Mais ferramentas > Ferramentas para desenvolvedores.

Menu "Mais ferramentas".

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.

Saiba mais