Ext.js - depuração de código Ext JS

Qualquer código JavaScript pode ser depurado usando alert() caixa ou console.log() ou com o ponteiro de depuração em um depurador.

Caixa de Alerta

Coloque uma caixa de alerta no código onde você deseja verificar o fluxo ou qualquer valor de variável. Por exemplo, alert ('mensagem para mostrar' + variável);

Ferramenta de Desenvolvimento / Depuração

O Debugger é a ferramenta mais importante para qualquer desenvolvedor verificar o problema e o erro no código durante o desenvolvimento.

Ext JS é uma estrutura JavaScript, portanto, pode ser facilmente depurado usando ferramentas de desenvolvedor fornecidas por ou específicas para navegadores diferentes. Todos os principais navegadores têm suas ferramentas de desenvolvedor disponíveis para testar e depurar o código JavaScript.

Os depuradores populares são a ferramenta de desenvolvimento do IE para o IE, o firebug para o firefox e a ferramenta de desenvolvimento do Chrome para o navegador Chrome.

O depurador do Chrome vem com o navegador Chrome, no entanto, o firebug deve ser instalado especificamente, pois não vem como um pacote com o Firefox.

Aqui está um link para instalar o firebug para o navegador firefox http://getfirebug.com

O atalho para abrir a ferramenta de desenvolvimento no sistema operacional Windows é a tecla F12 do teclado.

Depuração de código JS no depurador

Existem duas maneiras de depurar o código JavaScript.

• A primeira maneira é colocar console.log() no código e veja o valor do log, que será impresso no console da ferramenta de desenvolvimento.

• A segunda maneira é usando pontos de interrupção na ferramenta de desenvolvimento. A seguir está o processo.

  • Abra o arquivo em todos os scripts disponíveis na tag script.

  • Agora coloque um ponto de interrupção na linha que deseja depurar.

  • Execute o aplicativo no navegador.

  • Agora, sempre que o fluxo de código atingir esta linha, ele quebrará o código e ficará lá até que o usuário execute o código pelas teclas F6 (vá para a próxima linha do código), F7 (vá dentro da função) ou F8 (vá para o próximo ponto de interrupção ou execute o código se não houver mais pontos de interrupção) com base no fluxo que você deseja depurar.

  • Você pode selecionar a variável ou a função da qual deseja ver o valor.

  • Você pode usar o console para verificar o valor ou para verificar algumas alterações no próprio navegador.