MoebiusMania

Tutorial, articoli e curiosità sul web e dintorni

Step Debug (mini libreria JS)

Oggi condivido un plugin che ho scritto qualche mese fa, non è niente di stratosferico ma visto che il potere dell'open source è proprio quello di prendere e dare direi che è giunto il momento che dopo anni di prendere plugin da altri siti inizio a distribuire anche io i miei! Il file è molto piccolo ed è scaricabile da un repository su GitHub. Questo plugin è un piccolo strumento per velocizzare la ricerca degli errori nel codice e si basa sulla console del browser (su Chrome, IE e Safari è accessibile dal menù di sviluppo, mentre su Firefox e Opera bisogna installare delle estensioni), non è niente che non si potrebbe fare senza, ma come dicevo poco fa velocizza un pochino la cosa, semplicemente una volta incorporato mette a disposizione alcuni nuovi comandi:
step.log("qualcosa");
Questo fa semplicemente da abbreviazione rispetto al classico "console.log(blablabla)", giusto per snellire ;) .
step.next();
Ogni volta che viene ripetuto questo comando nella console apparirà il comando "Step" più il numero di volte che è stato ripetuto, posizionandolo in più parti del codice potremmo verificare che ogni passaggio (step) venga compiuto e si dovrebbe essere in grado di individuare le linee che danno problemi.
step.reset();
Un po' come dice il nome, questo comando resetta il conteggio dei passaggi, può essere utile se vi servono più conteggi nello stesso file. Ovviamente consiglio di includere questo plugin solo in fase di sviluppo delle pagine, dato che a sito completato e pubblicato non offre nessuna funzionalità.