É fácil se perder escrever código JavaScript sem um depurador.
JavaScript depuração
É difícil escrever código JavaScript sem um depurador.
Seu código pode conter erros de sintaxe ou erros lógicos, que são difíceis de diagnosticar.
Muitas vezes, quando o código JavaScript contém erros, nada vai acontecer. Não há mensagens de erro, e você vai ter quaisquer indicações de onde procurar erros.
Normalmente, os erros vai acontecer, cada vez que você tentar escrever um novo código JavaScript.
depuradores de JavaScript
Busca de erros no código de programação é chamado de código de depuração.
A depuração não é fácil. Mas, felizmente, todos os navegadores modernos têm um depurador embutido.
depuradores built-in pode ser ligado e desligado, forçando os erros sejam relatados para o usuário.
Com um depurador, você também pode definir pontos de interrupção (lugares onde a execução de código pode ser parado), e examinar variáveis enquanto o código está em execução.
Normalmente, caso contrário, siga os passos na parte inferior desta página, você ativar a depuração no seu navegador com a tecla F12 e selecione "Console" no menu depurador.
O console.log() Método
Se o seu navegador suporta a depuração, você pode usar console.log() para exibir valores de JavaScript na janela do depurador:
Exemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html> Tente você mesmo " Definir pontos de interrupção
Na janela do depurador, você pode definir pontos de interrupção no código JavaScript.
Em cada ponto de interrupção, JavaScript irá parar a execução, e deixá-lo examinar valores de JavaScript.
Depois de examinar os valores, pode retomar a execução de código (tipicamente com um botão de reprodução).
A palavra-chave do depurador
A palavra-chave depurador pára a execução de JavaScript, e chamadas (se disponível) a função de depuração.
Isto tem a mesma função que definir um ponto de interrupção no depurador.
Se nenhum depuração está disponível, a declaração depurador não tem efeito.
Com o depurador ligado, este código irá interromper a execução antes de executar a terceira linha.
Ferramentas de Depuração principais navegadores
Normalmente, você ativar a depuração no seu browser com o F12, e selecione "Console" no menu depurador.
Caso contrário, siga estes passos:
Chrome
- Abra o navegador.
- A partir do menu, selecione Ferramentas.
- A partir de ferramentas, escolha ferramentas para desenvolvedores.
- Por fim, selecione Console.
Firefox Firebug
- Abra o navegador.
- Vá para a página web:
http://www.getfirebug.com - Siga as instruções como:
instale Firebug
Internet Explorer
- Abra o navegador.
- A partir do menu, selecione Ferramentas.
- A partir de ferramentas, escolha ferramentas para desenvolvedores.
- Por fim, selecione Console.
Opera
- Abra o navegador.
- Ir para a página da web:
http://dev.opera.com - Siga as instruções como:
adicionar um botão Console do desenvolvedor para sua barra de ferramentas.
Safari Firebug
- Abra o navegador.
- Ir para a página da web:
http://extensions.apple.com - Siga as instruções como:
instalar o Firebug Lite.
Safari Develop Menu
- Ir para Safari, Preferências, Avançado no menu principal.
- Marque a opção "Ativar menu Mostrar na barra de menu Desenvolver".
- Quando a nova opção "Desenvolver" aparece no menu:
Escolha "Show Console de erro".
Você sabia?
A depuração é o processo de testes, encontrando, e reduzindo erros (erros) em programas de computador.
O bug primeiro computador conhecido era um bug real (um inseto) preso na eletrônica.