Firebug console di debugging in JavaScript

April 5

Firebug console di debugging in JavaScript


Firebug può ridurre drasticamente i tempi di sviluppo web, dando agli sviluppatori la possibilità di codificare le pagine web più velocemente e ridurre il loro ciclo di vita di programmazione. Dato via come un libero Firefox add-on, questo strumento di sviluppo JavaScript è sempre e solo un mouse-click. Usalo per eseguire il debug di codice JavaScript in modo rapido, individuare errori di programmazione e ispezionare qualsiasi elemento in una pagina Web.

Installazione

Accedere alla pagina dei componenti aggiuntivi di Firefox, fare clic sul Firebug pulsante "Installa" e godetevi il vostro nuovo strumento di debug. Quando Firebug apre, si trova in fondo Firefox e occupa circa un terzo dello schermo. Ridimensionare la finestra Firebug trascinando la barra del titolo su e giù. Un tasto di scelta rapida conveniente permette di attivare o disattivare la finestra e si spegne in base alle esigenze. È inoltre possibile accedere alle funzioni principali di Firebug dalla sezione "Web Developer" che si trova nel menu "Strumenti" di Firefox.

Console Firebug

La console Firebug funge da repository per i messaggi di errore, gli avvisi e risposte ai comandi si problema. Questa console contiene anche una delle caratteristiche più potenti di Firebug: Command Line Interpreter. Questo interprete consente di digitare il codice JavaScript nella finestra interprete. Utilizzare la finestra per eseguire codice, esaminare oggetti JavaScript e anche scrivere funzioni che consentono di diagnosticare i problemi. tooltip Built-in contenenti i valori delle variabili vengono visualizzati ogni volta che si sposta il cursore del mouse su una variabile. La recensione di una pagina Web DOM elementi e CSS informazioni da display che i dati utilizzando Command Line Interpreter della console.

Debugging

Per mettere in pausa un programma a una particolare linea, mettere un punto di interruzione alla linea desiderata di codice. È quindi possibile utilizzare la console per esaminare lo stato del programma in quel momento. finestra di controllo di Firebug registra le variabili come i loro valori cambiano nel corso del tempo. Questa funzionalità è particolarmente utile quando è necessario monitorare i valori delle variabili specifiche che cambiano all'interno di un ciclo di programmazione. Lo stack di chiamate, comune in molti strumenti di debug, vi mostra le funzioni che sono in esecuzione e quelli che verrà eseguito in futuro. Queste informazioni sono utili quando si verifica un problema ed è necessario conoscere il nome della funzione di corse prima che si verificasse il problema delle chiamate.

Suggerimenti

Non è necessario indovinare se una pagina Web contiene degli errori o meno. Firebug mostra il numero di errori che esistono in una pagina Web nella barra di stato del browser. Fare clic sulla "X" rossa accanto al numero di errori di lanciare Firebug e quindi aprire la console per iniziare il debug. Alcuni programmi di debug semplicemente dirvi che esiste un problema nella pagina Web. Firebug fornisce informazioni aggiuntive tra cui il numero di riga in cui si verifica il problema e una descrizione del problema. Un profiler integrato può anche aiutare a diagnosticare i colli di bottiglia del sistema che possono mantenere la vostra applicazione in esecuzione al massimo delle prestazioni.