Una pagina web moderno richiede che tutte le tecnologie multiple lavorano senza problemi con uno altro per eseguire anche i compiti più semplici. Se uno non riesce, un sito Web può andare da un'esperienza semplice, amichevole a un incubo inutilizzabile. Un comune punto di errore nelle applicazioni web è errori JavaScript. Rintracciare e correzione di questi errori possono essere delle grandi preoccupazioni per uno sviluppatore web. Fortunatamente, ci sono pochi semplici strumenti liberamente disponibili che possono ridurre notevolmente la quantità di tempo e fatica necessari per individuare e correggere gli errori di JavaScript.

Istruzioni

Utilizzare la Console di Firefox errore

1

In Mozilla Firefox, aprire la Console di errore. È possibile farlo premendo "ctrl + Maiusc + J", oppure selezionandolo nel menu strumenti. Chiudere tutte le pagine che non volete controllare gli errori e deselezionare la console.

2

Caricare la pagina che si desidera controllare gli errori. Tutto il codice JavaScript che viene eseguito il caricamento della pagina verrà eseguito, e gli eventuali errori che generano queste parti degli script mostrerà nella console degli errori. Se avete qualsiasi evento guidato gli script che si desidera testare, ad esempio quelli attivati premendo semplicemente un pulsante, fare qualunque cosa fa sì che vengano eseguite.

3

Eventuali errori verificatisi durante questo processo saranno elencati nella console. È possibile fare clic sul link fornito nell'elenco per avere Firefox aprirà una finestra con l'origine di script.

Utilizzare il plug-in Firebug per Firefox

4

Scaricare e installare il plug-in Firebug per Firefox. Firebug è un'utilità di sviluppo web che è diventato uno strumento di debug standard tra gli sviluppatori web. Sue offerte un molto più potente set di funzionalità rispetto lo standard Error Console incluso in Firefox.

5

Fare clic sull'icona di errore nell'angolo inferiore destro del browser. Questo apre Firebug. Ci sono diverse schede nella parte superiore di Firebug - i due più utili per il debug di JavaScript è le schede "Script" e "Console". Assicurarsi che questi sono entrambi attivati selezionando "enable" nel menu a discesa di tale scheda.

6

Visitare il sito Web che si desidera eseguire il debug. Verrà visualizzato un elenco di errori nella "Console" Tab. doppio clic su che un elemento in questo elenco vi porterà al punto nello script che ha causato l'errore.

7

Utilizzare gli strumenti nella scheda "script" per testare ed esaminare più a fondo il codice. Uno di questi strumenti è l'area di "orologio", in cui è possibile digitare istruzioni JavaScript e verranno eseguite nella pagina, che è molto utile per test rapidi. Un'altra parte utile della scheda script è la possibilità di impostare un punto di interruzione. Per fare questo, trovare l'area dello script dove si desidera interrompere (o rompere), e fare clic nell'area grigia a sinistra di esso. Ci verrà visualizzato un cerchio rosso che indica che questo è dove il debugger verrà avviato. È possibile utilizzare questo per eseguire una script una riga alla volta per trovare ciò che può essere causa di un errore. Utilizzando questi strumenti è possibile trasformare il debug di JavaScript da ore di frustrazione a un'attività veloce, facile.

Consigli & Avvertenze

• Quando la scrittura di codice JavaScript, utilizzando un editor fatto per esso, piuttosto che il programma blocco note predefinito, può rendere le cose un gioco da ragazzi. Notepad + + ed Eclipse sono due programmi che possono aiutare.