JavaScript

Como ativar o debugger de JavaScript no Chrome?

24 de maio de 2022

Como ativar o debugger de JavaScript no Chrome?

Neste artigo você vai aprender a como ativar o debugger de JavaScript no Chrome, com uma simples instrução de JavaScript!

ativar o debugger de JavaScript no Chrome capa

Fala programador(a), beleza? Bora aprender mais sobre debug e JavaScript!

Em JavaScritp temos algumas alternativas para depuração de código

Uma delas é o console.log, porém em alguns casos pode ser custoso de fazer o debug com diversos logs no projeto

Então há a alternativa do debugger no navegador

Mas como é possível ativar a opção? Para que possamos parar o código linha a linha, caso necessário

É simples! Basta aplicar a instrução debugger em algum lugar do seu código

Ela vai agir como um breakpoint, fazendo o código parar naquele momento

Onde é possível observar o valor de cada uma das variáveis, e depois mandar o navegador avançar no programa

Que será parado novamente quando encontrar uma outra instrução debugger

Exemplo:

let a = 10

a = 11

debugger

a = 12

debugger

Aqui teremos duas pausas, uma em cada instrução de debugger

Conclusão

Neste artigo você aprendeu a como ativar o debugger de JavaScript no Chrome

Apenas precisamos colocar a instrução debugger em uma parte do nosso código

Então cada vez que o navegador encontrar esta instrução, o código é impedido de executar, ou seja, criamos um breakpoint

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x