it-swarm-pt.tech

Como você inicia o depurador JavaScript no Google Chrome?

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

397
Kevin Driedger

Janelas: CTRL-SHIFT-J OR F12

Mac: --J

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

JavaScript Console Menu

307
John Sheehan

Tente adicionar isso à sua fonte:

debugger;

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

387
Omer van Kloeten

Windows e Linux:

Ctrl + Shift + I teclas para abrir as Ferramentas do desenvolvedor

Ctrl + Shift + J para abrir as Ferramentas do desenvolvedor e trazer foco para o console.

Ctrl + Shift + C para alternar Inspecionar o modo Element.

Mac:

 +  + I teclas para abrir as Ferramentas do desenvolvedor

 +  + J para abrir as Ferramentas do desenvolvedor e trazer foco para o console.

 +  + C para alternar Inspecionar o modo Element.

fonte

Outros atalhos

54
user629309

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

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

14
Balachandar P

Ctrl + Shift + J abre ferramentas de desenvolvimento.

11
Senyai

No Chrome 8.0.552 em um Mac, você pode encontrar isso no menu Exibir/Desenvolvedor/Console JavaScript ... ou você pode usar Alt+CMD+J.

6
Primc

Aqui, você pode encontrar os atalhos para acessar as ferramentas do desenvolvedor.

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

5
hernanvicente

Shift + Control + I abre a janela da ferramenta Developer. Da segunda imagem inferior esquerda (que se parece com o seguinte) irá abrir/ocultar o console para você:

Show Console

2
Premanshu

Para abrir o painel dedicado "Console":

  • Use os atalhos de teclado
    • No Windows e no Linux: Ctrl + Shift + J
    • No Mac: Cmd + Option + J
  • Selecione o ícone Menu Chrome, menu -> Mais Ferramentas -> Console JavaScript . Ou, se as Ferramentas do desenvolvedor do Chrome já estiverem abertas, press a guia "Console".

Por favor, consulte aqui

2
Venkat

Para usuários de Mac, acesse o Google Chrome -> menu View -> Desenvolvedor -> Console JavaScript.

Screenshot

1
Neo123

Agora google chrome introduz novo recurso. Usando este recurso Você pode editar seu código na navegação do Chrome. (Mudança permanente na localização do código)

Para isso, pressione F12 -> Aba Source - (lado direito) -> File System - em que por favor, selecione a sua localização do código. e, em seguida, o navegador chrome pedirá sua permissão e, depois, o código será preenchido com a cor verde. e você pode modificar o seu código e ele também irá refletir na localização do código (isso significa que será permanente)

Obrigado

1
stackinfostack

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

chrome://inspect

0
Nestor Urquiza