Índice
O processo de depuração em qualquer aplicação é muito importante, a principal característica do Javascript é que roda no cliente, por isso esse processo é realizado diretamente no navegador, isso às vezes gera um certo incômodo nos desenvolvedores mais experientes, porém é apenas mais um detalhe que devemos levar em consideração.No passado, depurando Javascript foi terrível, já que não havia ferramentas como Firebug que temos no nosso dia a dia, por isso nos desenvolvemos na Javascript Foi uma tortura, hoje em dia as diferentes consolas de navegadores mostram-nos melhor o caminho que a nossa aplicação está a seguir.
Vamos ver abaixo algumas coisas que devemos ter em mente quando quisermos depurar nosso código Javascript, lembre-se de que este é o idioma no qual é AngularJS então eles estão diretamente relacionados:
- É imperativo trabalhar com as versões não compactadas ou minimizado dos arquivos JS, pois desta forma teremos acesso à linha de código correta em que ocorre o erro, além disso teremos os nomes corretos das variáveis onde algumas ferramentas podem nos fornecer informações mais detalhadas sobre o erro.
- Por conveniência, é melhor manter o código JS em arquivos separados do arquivo. HTML que os executa, tornando nosso código mais gerenciável.
- O uso de Breakpoints e ferramenta Pausar em todas as exceções Ajudam-nos a parar a aplicação quando ocorre um erro, com isso poderemos isolar o problema mais rapidamente e assim encontrar a solução adequada.
Como mencionamos no início, não havia ferramentas no passado que nos permitissem avaliar nosso código Javascript De forma adequada, com os navegadores modernos, quase sempre temos um console disponível onde podemos ver o comportamento do Javascript, por exemplo em Google Chrome temos as ferramentas de desenvolvedor que podemos obter pressionando a tecla F12.
PROLONGAR
Integração do ChromeEsta ferramenta se conecta diretamente a Google Chrome às ferramentas do desenvolvedor e adiciona uma nova guia com a qual podemos começar a obter as informações de que precisamos, como o desempenho de nossa aplicação, erros, o caminho seguido pelas variáveis dentro de nosso processo, etc.
Além de tudo isso Firebug É também uma ferramenta importante, pois nos permite obter informações dos chamados Ajax e as diferentes variáveis ou parâmetros que são passados durante estes.
Com isso finalizamos este tutorial, descobrimos várias ferramentas que estão à nossa disposição para desenvolver nossas aplicações em AngularJS e ter o controle de como ver as informações quando ocorrerem erros.
