Muitas vezes precisamos de uma maneira de gerar logs no nosso codigo JScript. Mas como nao temos acesso direto ao disco nao podemos criar um arquivo de log por exemplo, o que nos leva a executar muitos “alert”s, causando uma imensa canseira qo debugar um codigo js qualquer, fora o monte de ‘bips’ do computador… :-/
Mas com o ext temos uma saída bastante interessante à este problema: um console de log.
Basta chamar ( sabendo-se que você utiliza o Ext em sua aplicação ) Ext.log(’minha linha de debug’) que será aberta uma janela ext no na janela do seu browser, fixada abaixo, onde se tem uma seção das msg de log geradas pela aplicação, uma janela onde podemos rodar codigos jscripts escritos na hora ( ótimo isto ! ) e um DOM Inspector, que nos mostra como nossa pagina está definida, este só para ver mesmo, ficando bem longe do DOM Inspector do Firebug para Firefox. Mas já ajuda e muito nosso trabalho …..
Algumas funcionalidades do debugger do ext:
// mostra as propriedades de um obj jscript
Ext.dump(obj); // imprime um texto qq no console
Ext.log(msg) ;
// mostra o tempo que levou de ‘time’ a ‘timeEnd’ com mesmo identificador
Ext.time(’tempo 1′) ;
// trecho de codigo qq…
Ext.timeEnd(’tempo 1′) ;
*\o/*
Segue abaixo o link para o tal debug console do Ext, que não sei pq nao aparece na documentação de maneira fácil, tive que dar uma googlada para achar esta feature…

http://extjs.com/deploy/ext/examples/debug/debug-console.html
E seguindo o assunto do Ext, achei também a pagina onde são listados vários Extensions para sua aplicação que utiliza Ext:
0 Respostas para “Debug Javascript com Ext 2.0”
Deixe um comentário