Como você inicia o depurador JavaScript no Google Chrome?

StackOverflow https://stackoverflow.com/questions/66420

Pergunta

Ao usar o Google Chrome, quero depurar algum código JavaScript.Como eu posso fazer isso?

Foi útil?

Solução

Janelas: CTRL-MUDANÇA-J. OU F12

Mac: ⌥-⌘-J.

Também disponível através do menu de ferramentas (Ferramentas > Console JavaScript):

JavaScript Console Menu

Outras dicas

Tente adicionar isso à sua fonte:

debugger;

Funciona na maioria, senão em todos os navegadores.Basta colocá-lo em algum lugar do seu código e ele funcionará como um ponto de interrupção.

Janelas e Linux:

Ctrl + Mudança + EU chaves para abrir as ferramentas do desenvolvedor

Ctrl + Mudança + J. para abrir as Ferramentas do Desenvolvedor e focar no Console.

Ctrl + Mudança + C para alternar o modo Inspecionar Elemento.

Mac:

⌥ + ⌘ + EU chaves para abrir as ferramentas do desenvolvedor

⌥ + ⌘ + J. para abrir as Ferramentas do Desenvolvedor e focar no Console.

⌥ + ⌘ + C para alternar o modo Inspecionar Elemento.

Fonte

Outros atalhos

aperte o F12 tecla de função no navegador Chrome para iniciar o depurador JavaScript e clique em "Scripts".

Escolha o arquivo JavaScript na parte superior e coloque o ponto de interrupção no depurador do código JavaScript.

Ctrl + Mudança + J. abre Ferramentas do desenvolvedor.

No Chrome 8.0.552 em um Mac, você pode encontrar isso no menu Visualizar/Desenvolvedor/Consola JavaScript ...ou você pode usar Alt.+DMC+J..

Aqui você encontra os atalhos para acessar as ferramentas do desenvolvedor.

https://developer.chrome.com/devtools/docs/shortcuts

Mudança + Ao controle + EU abre a janela da ferramenta Desenvolvedor.Na segunda imagem inferior esquerda (que se parece com a seguinte), o console será aberto/ocultado para você:

Show Console

Para abrir o painel dedicado ‘Console’:

  • Use os atalhos do teclado
    • No Windows e Linux: Ctrl + Mudança + J.
    • No Mac: Comando + Opção + J.
  • Selecione o ícone do menu do Chrome, menu -> Mais ferramentas -> Consola JavaScript.Ou se as Ferramentas para Desenvolvedores do Chrome já estiverem abertas, press a guia ‘Console’.

Por favor consulte aqui

Para usuários de Mac, acesse Google Chrome -> menu Visualizar --> Desenvolvedor --> Consola JavaScript.

Screenshot

Agora o Google Chrome introduziu um novo recurso.Ao usar este recurso, você pode editar seu código no navegador Chrome.(Mudança permanente na localização do código)

Para isso, pressione F12 -> Guia Fonte - (lado direito) -> Sistema de arquivos - selecione a localização do código.E o navegador Chrome pedirá permissão e depois que esse código será afundado com a cor verde.e você pode modificar seu código e isso também refletirá na localização do seu código (isso significa que será uma mudança permanente)

Obrigado

A maneira mais eficiente que encontrei de chegar ao depurador javascript é executando isto:

chrome://inspect

No console do Chrome, você pode fazer console.log(data_to_be_displayed).

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top