...
Agora já podemos debugar os blocos cliente em nosso navegador, para isso vamos precisar ter um bloco de programação criado, caso você não saiba como criar um bloco de programação clique aqui (criar blocos de programação). Em nosso exemplo foi utilizado um bloco que recebe dois parâmetros e realiza a operação de multiplicação entre eles (figura 1.2).
Figura 1.2 - Calculo realizado no bloco
...
Para debugar o código, é necessário rodar o projeto em modo debug e executa-lo no google chrome. Com o projeto rodando em modo debug no chrome aperte a tecla F12 para abrir a ferramenta de desenvolvedor do navegador (DevTools) conforme a figura abaixo (figura 1.34). Após isso, aperte as teclas Ctrl + P e digite o nome do seu bloco de programação (figura 1.5), em seguida selecione-o dentre os resultados.
...
Depois de selecionar o bloco desejado precisamos pôr um breakpoint (ponto de pausa) em nosso código, para isso deve-se clicar no número que representa a linha desejada. Neste exemplo, vamos clicar no número q que representa a linha 11 para que o código pause nessa linha, dessa forma estamos dizendo ao devtools que queremos analisar o código com mais detalhes a partir daquela linha ( linha 11 ) e ao chamar esse bloco dentro da aplicação (rodando em modo debug) uma janela com as opções de debug irão irá aparecer. Nesse exemplo, definimos como parâmetro os números 4 e 6.
...