É Certo que em algum momento você vai desejar depurar uma parte do código. Em linguagens que utilizam IDE como Visual Studio, NetBeans e outras isso é bem mais fácil. Mas o que dizer em depurar o código em linguagens Client-Side como o JavaScript, em outras palavras em linguagens que executam o código no lado do cliente e não no lado do servidor.
Não fique preocupado, isso é bem fácil. Veja o exemplo abaixo:
Primeiramente, vamos utilizar para este exemplo o navegador Chrome.
1 – Com o Google Chrome aberto na página do seu Sistema ou Site clique em F12 para abrir o console do navegador.
2 - Clique em console
Figura 1: Console do Google Chrome
Se você desejar fazer um breakpoint, clique sobre o arquico 2.html (ou no seu caso o arqui js) será aberta a janela Source.
Figura 2: Source do Google Chrome
Clica sobre a linha que deseja fazer o teste e pressione F11 para navegar entre o código.
Para adicionar um watch para uma variável qualquer, basta selecionar a variável (em tempo de depuração, ou seja, enquanto o depurador estiver sendo executado), clicar com o botão direito do mouse depois “Add selected text to Watches”.
Figura 3: Add selected text to watches
Figura 4: Janela Watch do Google Chrome
Para navegar pressione F11.
Nenhum comentário:
Postar um comentário