Dicas para DevTools: diferentes maneiras de abrir DevTools

Sofia Emelianova
Sofia Emelianova

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.

A opção Inspecionar no menu suspenso.

O menu "Mais ferramentas"

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

O menu "Mais ferramentas".

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.

Saiba mais