Ext.js - Debug del codice Ext JS
È possibile eseguire il debug di qualsiasi codice JavaScript utilizzando alert() scatola o console.log() o con il puntatore di debug in un debugger.
Casella di avviso
Inserisci una casella di avviso nel codice in cui desideri controllare il flusso o qualsiasi valore di variabile. Ad esempio, alert ("messaggio da mostrare" + variabile);
Strumento di sviluppo / debug
Il debugger è lo strumento più importante per qualsiasi sviluppatore per controllare il problema e l'errore nel codice durante lo sviluppo.
Ext JS è un framework JavaScript, quindi può essere facilmente debuggato utilizzando strumenti di sviluppo forniti da o specifici per diversi browser. Tutti i principali browser hanno i loro strumenti di sviluppo disponibili per testare ed eseguire il debug del codice JavaScript.
I debugger più diffusi sono lo strumento di sviluppo IE per IE, firebug per Firefox e lo strumento di sviluppo Chrome per il browser Chrome.
Il debugger di Chrome viene fornito con il browser Chrome, tuttavia, firebug deve essere installato specificamente in quanto non viene fornito come pacchetto con Firefox.
Ecco un collegamento per installare Firebug per il browser Firefox http://getfirebug.com
La scorciatoia per aprire lo strumento di sviluppo nel sistema operativo Windows è il tasto della tastiera F12.
Debug del codice JS nel debugger
Esistono due modi per eseguire il debug del codice JavaScript.
Il primo modo è posizionare console.log() nel codice e vedere il valore del log, che verrà stampato nella console dello strumento di sviluppo.
Il secondo metodo consiste nell'usare i punti di interruzione nello strumento di sviluppo. Di seguito è riportato il processo.
Apri il file in tutti gli script disponibili sotto il tag script.
Ora posiziona un punto di interruzione sulla riga di cui vuoi eseguire il debug.
Esegui l'applicazione nel browser.
Ora, ogni volta che il flusso del codice raggiungerà questa riga, interromperà il codice e rimarrà lì finché l'utente non esegue il codice con i tasti F6 (vai alla riga successiva del codice), F7 (vai all'interno della funzione) o F8 (vai al punto di interruzione successivo o eseguire il codice se non sono presenti più punti di interruzione) in base al flusso di cui si desidera eseguire il debug.
È possibile selezionare la variabile o la funzione di cui si desidera visualizzare il valore.
È possibile utilizzare la console per verificare il valore o per verificare alcune modifiche nel browser stesso.