Come eseguire il debug JavaScript per Firefox

August 11

Come eseguire il debug JavaScript per Firefox


JavaScript errori e le strozzature possono fermare codice bello nelle sue tracce. Tuttavia, il debug JavaScript in Mozilla Firefox può essere notevolmente accelerato da un utilizzando una serie di estensioni ampiamente disponibili. Estensioni come Firebug, l'estensione Web Developer, e il debugger JavaScript, permettono agli individui la possibilità di guardare le singole righe di codice durante l'esecuzione per verificare la presenza di errori che possono rompere il codice mentre è in esecuzione. Inoltre, questi strumenti permettono singoli programmatori la possibilità di capire meglio dove e come gli errori di codice possono essere corrette nel processo di programmazione.

istruzione

Come eseguire il debug JavaScript in Firefox

1 Installare una copia di Mozilla Firefox sul computer che ha l'opzione Developer Tools abilitata (sotto la voce "Installazione personalizzata" e poi "Developer Tools"). Per verificare se una versione corrente di Firefox ha Developer Tools, assicurarsi che l'opzione "DOM Inspector" è disponibile nel menu "Strumenti".

2 Aggiungere le estensioni per la copia installata di Firefox che aiutano con il debug JavaScript (vedi Risorse per i link). Installare l'estensione Web Developer, JavaScript Debugger e Firebug.

3 Disabilitare la cache di pagina in Firefox. Per fare ciò, dal menu "Strumenti" aprire la funzione Web Developer e disabilitare la cache di pagina facendo clic su "Disattiva Cache".

4 Visualizza il sorgente della pagina della pagina interessata facendo clic destro sulla pagina e selezionando "Questo Frame" e poi "Visualizza origine Frame." Utilizzando la console JavaScript nel menu "Strumenti", vedere tutti gli errori applicabili e registrare i messaggi.

5 Impiegare una delle tante estensioni di Firefox disponibili che possono aiutare il debug JavaScript. Le estensioni come Firebug consentono agli utenti di eseguire quella riga dello script in un momento per monitorare gli errori, a rompere quando si verificano errori e per navigare attraverso lo script con facilità. La console JavaScript incluso nel browser Firefox può essere difficile da navigare non e non consente semplicistico, la ricerca intuitiva per tutti gli elementi.

6 Rivedere l'intera linea script linea per vedere dove si verifica l'errore in esecuzione. Correggere l'errore e tentare di ri-eseguire il codice. Vai a nuovi errori e le strozzature, come il codice viene eseguito, fissando loro come si verificano. Dopo tutti gli errori visibili sono stati trattati, ricaricare la pagina iniziale. Se funziona in modo appropriato, uscire dal software di debug. Se ha ancora errori, riaprire FireBug e riesaminare il codice JavaScript per nuovi errori.

Consigli e avvertenze

  • La pazienza è importante durante il debug JavaScript. Esecuzione script riga per riga dopo grandi cambiamenti può sbloccare una migliore comprensione di come viene utilizzato.