Depuração do JavaScript

no programa ou scripterrochamadobug.

Depuração (Debugging)É o processo de teste, descoberta e redução de erros (bugs) em programas de computador.

Depurador de JavaScript

Todos os navegadores populares têm depuradores de JavaScript integrados.

Pode abrir e fechar o depurador integrado para relatar erros aos usuários.

Usando o depurador, você pode pausar o código em alguns pontos de parada (onde o código pode ser parado).

Depois que a execução parar, você pode verificar o estado do script e suas variáveis para determinar se há problemas.

Você também pode observar a variação do valor das variáveis.

Método console.log()

Se seu navegador suportar depuração, pode ser usado paraconsole.log();Exibir valores de JavaScript no console do depurador:

let x =　50;
let y =　20;
let z = x　+　y;
console.log(z);

Para acessar o console do navegador da Web, primeiroF12pressione a tecla no teclado e clique na guia 'Console'.

Palavra-chave debugger

Qualquer funcionalidade de depuração disponível chamada por debugger, como definir um ponto de parada.

Se não houver funcionalidade de depuração disponível, esta sentença é inválida.

O exemplo a seguir mostra o código onde a sentença debugger é inserida para chamar o depurador:

var a =　50　+　20;
debugger;
document.getElementById("output").innerHTML = a;

Quando o depurador é chamado, a execução da sentença debugger será pausada. Isso é como um ponto de interrupção no código-fonte do script.

Ferramentas de depuração do navegador principal

Normalmente, você usa o navegador ativoF12no depuração, em seguida, selecione “Console” no menu de depuração.

Caso contrário, siga as seguintes etapas:

Chrome

• Abra o Navegador

• De menu, escolha “Mais Ferramentas”

• De ferramentas, escolha “Ferramentas de Desenvolvedores”

• Por fim, escolha o Console

FireFox

• Abra o Navegador

• De menu, escolha “Desenvolvedores Web”

• Por fim, escolha “Console Web”

Edge

• Abra o Navegador

• De menu, escolha “Ferramentas de Desenvolvedores”

• Por fim, escolha “Console”

Opera

• Abra o Navegador

• De menu, escolha “Desenvolvedores”

• De “Desenvolvedores”, escolha “Ferramentas de Desenvolvedores”
  

• Por fim, escolha “Console”

Safari

• Vá para Safari, Preferências, Avançado

• Marque “Ativar Mostrar Menu de Desenvolvimento na Barra de Menu”

• Quando a nova opção “Desenvolvimento” aparecer no menu:
  Escolha “Mostrar Console de Erros”