August 5
Una pagina web moderna richiede che più tecnologie tutto il lavoro senza soluzione di continuità tra di loro per eseguire anche i compiti più semplici. Se uno non riesce, un sito web può andare da un semplice, un'esperienza amichevole per un incubo inutilizzabile. Un punto comune di guasto nelle applicazioni web è errori JavaScript. Rintracciare e la fissazione di tali errori può essere una delle grandi preoccupazioni per uno sviluppatore web. Fortunatamente, ci sono un paio di strumenti semplici, liberamente disponibili che possono ridurre notevolmente la quantità di tempo e lo sforzo necessario per trovare e correggere gli errori JavaScript.
1 In Mozilla Firefox, aprire la console degli errori. È possibile eseguire questa operazione premendo il tasto "CTRL + MAIUSC + J", o selezionandolo nel menu Strumenti. Chiudere tutte le pagine che non si desidera verificare gli errori e cancellare la console.
2 Caricare la pagina che si desidera controllare gli errori. Tutto il JavaScript che viene eseguito sul caricamento della pagina verrà eseguito, e gli eventuali errori che queste parti del tuo script generano mostrerà nella console di errore. Se avete script event-driven che si desidera testare, come quelli innescati da una pressa tasto, fare tutto ciò che li induce a eseguire.
3 Eventuali errori che si sono verificati durante questo processo verranno elencati nella console. È possibile fare clic sul link fornito nella lista per avere Firefox aprire una finestra che contiene il sorgente dello script.
4 Scaricare e installare il Firebug plug-in per Firefox. Firebug è un programma di utilità di sviluppo web che è diventato uno strumento di debug standard tra gli sviluppatori web. Questo hotel dispone di un insieme molto più potente di funzioni rispetto l'errore standard Console incluso in Firefox.
5 Fare clic sull'icona bug nell'angolo in basso a destra del browser. Ciò apre Firebug. Ci sono diverse schede nella parte superiore della Firebug - i due più utili per il debug JavaScript sono i "Script" e le schede "console". Assicurarsi che questi sono entrambi attivati selezionando "abilitare" nel menu a discesa di quella scheda.
6 Visita il sito web che si desidera eseguire il debug. Un elenco di errori apparirà nella scheda "Console". Facendo doppio clic 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 il codice più a fondo. Uno di questi strumenti è la zona "watch", in cui è possibile digitare istruzioni JavaScript e che verrà eseguito sulla pagina, che è molto utile per i 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 in cui si desidera che si fermi (o rompere), e fare clic nell'area grigia a sinistra di esso. Un cerchio rosso apparirà lì ad indicare che questo è dove il debugger si avvierà. È possibile utilizzare questo per scorrere una sola riga di script in un momento per trovare ciò che può essere la causa di un errore. L'utilizzo di questi strumenti in grado di trasformare il debug JavaScript dalle ore di frustrazione per un compito rapido facile.