Firebug può ridurre drasticamente i tempi di sviluppo web dando agli sviluppatori la possibilità di codice delle pagine Web più velocemente e ridurre loro programmazione ciclo di vita. Dato via come un componente aggiuntivo di Firefox gratuito, questo strumento di sviluppo di JavaScript è sempre a portata di mouse-click. Utilizzarlo per eseguire rapidamente il debug di codice JavaScript, identificare gli errori di programmazione e controllare qualsiasi elemento in una pagina Web.

Installazione

Passare alla pagina componenti aggiuntivi di Firefox, fare clic sul pulsante "Installa" Firebug e godetevi il vostro nuovo strumento di debug. Quando si apre la finestra di Firebug, si trova nella parte inferiore di Firefox e occupa circa un terzo dello schermo. Ridimensionare la finestra di Firebug trascinando la barra del titolo su e giù. Un tasto di scelta rapida conveniente consente di attivare la finestra e disattivare come necessario. È anche possibile accedere funzioni principali di firebug dalla sezione "Web Developer" situata nel menu "Strumenti" di Firefox.

Console di Firebug

La console di firebug funge da archivio per i messaggi di errore, gli avvisi e le risposte ai comandi che si emette. Questa console contiene anche una delle caratteristiche più potenti di Firebug: l'interprete della riga di comando. Questo interprete consente di digitare il codice JavaScript nella finestra dell'interprete. Utilizzare la finestra per eseguire il codice, esaminare gli oggetti JavaScript e anche scrivere funzioni che consentono di diagnosticare i problemi. Descrizioni comandi built-in che contiene i valori delle variabili vengono visualizzati ogni volta che sposti il cursore del mouse su una variabile. Esaminare elementi DOM di una pagina Web e informazioni di CSS di consente di visualizzare tali dati utilizzando interprete a riga di comando della console.

Il debug

Per mettere in pausa un programma ad una particolare linea, posizionare un punto di interruzione riga desiderata del codice. È quindi possibile utilizzare la console per esaminare lo stato del programma in quel momento. Finestra di controllo di Firebug tiene traccia delle variabili come i valori cambiano nel tempo. Questa funzionalità è particolarmente utile quando è necessario monitorare i valori delle variabili specifici come cambiano all'interno di cicli di programmazione. Lo stack di chiamate, comune a molti strumenti di debug, vi propone le funzioni che sono in esecuzione e quelli che verranno eseguiti in futuro. Queste informazioni sono utili quando si verifica un problema e hai bisogno di sapere che il nome della funzione eseguito prima che si verificasse il problema di chiamata.

Suggerimenti

Non devi indovinare se una pagina Web contiene errori o non. Firebug consente di visualizzare il numero di errori che esistono in una pagina Web nella barra di stato del browser. Fare clic sulla "X" rossa accanto il numero di errori di lanciare Firebug e quindi aprire la console per avviare il debug. Alcuni programmi di debug semplicemente dirvi che esiste un problema sulla tua 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 incorporato anche possa aiutare a diagnosticare i colli di bottiglia di sistema che può mantenere l'applicazione da eseguire al massimo delle prestazioni.