www.fabiobeta.it

« SFTP automatico e natalizio con ANT
Introduzione ad XP! »
Ciao, sono Fabio.
Su queste pagine potete trovare esperienze, idee ed esperimenti di un programmatore in cerca di metodi per lavorare meglio e meno.

RSS

Questi sono i post più apprezzati del sito, dateci un'occhiata:

SFTP automatico e natalizio con ANT

La mia cassetta degli attrezzi: Il portatile

III: Tu non commenterai invano

YAGNI for Managers

Stand Up Meeting: Definizione

Eclipse: Propaganda a suon di keystroke

HtmlPreviewer

Gli altri sono qui.

Javascript debug made easy
5 Gennaio 2007

Voi come effettuate il debug di un javascript? Io mi sono sempre limitato ad usare il metodo alert(), richiamato in ogni punto del codice che volevo ispezionare. Però... qualche tempo fa ammiravo un amico intento a ricostruire il comportamento di un pezzo di javascript tra il contorto ed il tragico, e con una bella complessità ciclomatica. Per capire il problema, premere il pulsante sottostante:

Immaginate di farlo 40 volte in un'ora per seguire l'evoluzione di un bel ciclo for... già mi prudono le mani.

A stimolo, risposta: 

function debug(msg){
	debugwindow=window.open('','debug',
'toolbar=1,resizable=1,width=500,height=500,scrollbars=yes');
	debugwindow.document.writeln(msg+'<br>');
}

creando questa funzioncina e richiamandola al posto di alert si occodano tutti i messaggi di debug in una seconda finestra, dove:

  1. si possono consultare con calma ed in ordine di generazione

  2. non occorre premere "Ok" ogni volta che viene generato un messaggio di log.

In realtà mi sono pure fatto prendere un po' la mano, e ne è saltato fuori un file jsdebug.js che permette il log dei messaggi di debug con qualche frivolezza in più (ora di log, autoscroll della finestra dei messaggi...). Scaricatelo pure qui :) Per usarlo è poi sufficiente importare il file nella pagina da debuggare (toglietelo quando avete finito...) 

<script src="jsdebug.js"></script>

Enjoy!

send a feedback to fabio

« SFTP automatico e natalizio con ANT
Introduzione ad XP! »
Fight Spam! Click Here!