3. Como abrir as Ferramentas de Desenvolvimento (DevTools) do Chrome

Aceder às DevTools:

• Com rato: Menu do Chrome > Mais Ferramentas > Ferramentas de Programador
• Teclas de atalho: Ctrl + Shift + i ou F12

Abrir as DevTools na secção consola:

• Atalho Ctrl+Shift+J (Windows / Linux) or Cmd+Opt+J (Mac).
• Se as DevTools já estiverem abertas, clicar na secção Console (em cima na horizontal).

Abrir como uma área temporária em baixo (na horizontal):

• Carregar em Esc quando o foco está nas DevTools, ou
• Clicar no botão Customize and control DevTools (3 pontos ao alto no canto superior direito da janela) e escolher Show/Hide console Drawer (Esc).

Ver mais teclas de atalho do Chrome em:

developers.google.com/web/tools/chrome-devtools/shortcuts

Exemplos de utilização da instrução console.log:

https://developers.google.com/web/tools/chrome-devtools/console/javascript

Descontinuado: developers.google.com/web/tools/chrome-devtools/console/console-write