Como abro o console JavaScript em diferentes navegadores?

78

Os navegadores da Web fornecem um console JavaScript como parte de suas ferramentas de desenvolvedor. Este console é útil pelos seguintes motivos:

  • Erros e avisos que ocorrem em uma página da web são registrados no console.
  • Os comandos JavaScript para interagir com uma página da web podem ser executados no console.

Quais são os atalhos de teclado para abrir o console em diferentes navegadores?

web-development javascript browsers debug Šime Vidas
fonte
Eu fui e fiz um tinyurl que liga aqui, então se você precisa instruir um público de pessoas navegador variadas para abrir seu console javascript ... tinyurl.com/jscons
MalcolmOcean

Respostas:

65

cromada

Abrindo o painel "Console" do DevTools do Chrome :

  • Windows e Linux: Ctrl+ Shift+J

  • Mac OS: Cmd+ Opt+J

Nota: Além do painel "Console", também existe um console deslizante menor que pode ser alternado Escenquanto qualquer um dos outros painéis estiver ativo.

Documentação completa

Raposa de fogo

Abrindo o painel "Console" nas Ferramentas do desenvolvedor do Firefox :

  • Windows: Ctrl+ Shift+K

  • Mac OS: Cmd+ Opt+K

Nota: Além do painel "Console", também existe um console deslizante menor que pode ser alternado Escenquanto qualquer um dos outros painéis estiver ativo.

Documentação completa

Internet Explorer

Abrindo o painel "Console" nas Ferramentas para Desenvolvedor F12 do Internet Explorer :

  • F12e clique na guia "Console"

Nota: Além do painel “Console”, também existe um console deslizante menor que pode ser alternado via Ctrl+ `enquanto qualquer um dos outros painéis estiver ativo.

Documentação completa

Safári

Nota: Para visualizar o console no Safari, é necessário ativar a configuração "Mostrar menu de desenvolvimento na barra de menus" no painel "Avançado" das preferências do Safari ( captura de tela ).

Abrindo o painel “Console” no Web Inspector do Safari :

  • Cmd+ Opt+C

Nota: Além do painel "Console", também existe um console deslizante menor que pode ser alternado Escenquanto qualquer um dos outros painéis estiver ativo.

Documentação completa

Ópera

  • Windows e Linux: Ctrl+ Shift+I
  • Mac: ⌘+ ⌥+I

Documentação completa

Šime Vidas
fonte
1
No Firefox, ele pode ser aberto em uma janela separada (e ser global - não apenas na guia atual) pelo menu Ferramentas → Desenvolvedor Web → Console do Navegador .
Peter Mortensen
F12 funciona em muitos navegadores.
Álvaro González
11

Para acessar indiretamente o console no Opera (marcado na v9.6), o atalho é Ctrl+ Shift+ ienquanto no Safari 5 (no Windows) é Ctrl+ Alt+i

Eu gostaria que todos os fabricantes de navegadores pudessem se reunir para padronizar os atalhos do teclado .

Atualização: Parece que a guia REPL na guia Scripts do Opera Dragonfly no Opera 11 é semelhante à opção Console disponível nas versões anteriores do Opera.

Não encontrei muita documentação sobre o REPL após uma pesquisa superficial, exceto neste artigo, que tem uma referência indireta.

Eu tentei esse comando no REPL com a página inicial do Google aberta e ele executou bem, ou seja, ocultou o logotipo do Google - document.getElementById ('logo'). Style.visibility = 'hidden';

mvark
fonte
CTRL + SHIFT + Abrirei as ferramentas de desenvolvimento no Opera. Mas onde está o console do JavaScript? Onde posso inserir o código JavaScript e executá-lo?
Šime Vidas
CTRL + ALT + Não faço nada no meu Safari 5 no Windows 7. Você pode confirmar que funciona?
Šime Vidas
Isso pode ser porque você não tem a opção de menu Revelação ativada. Para ativar esta opção, vá para Editar> Preferências e, na guia Avançado, ative a opção "Mostrar menu Desenvolver na barra de menus".
mvark
Esse foi o meu problema. Apple estúpido desativando os recursos do desenvolvedor por padrão. :)Obrigado.
Šime Vidas
Sim é isso. Eu negligenciei a guia REPL na parte inferior LOL
Šime Vidas