Firebug è un plugin di Firefox per sviluppatori Web che offre molti strumenti per aiutare con il processo di sviluppo Web. Si può visualizzare e modificare il codice sorgente per una pagina Web e visualizzare le modifiche visualizzate in tempo reale nella finestra del browser. È possibile visualizzare informazioni dettagliate sugli stili CSS applicati a un elemento e abilitare o disabilitare singoli stili. Il pannello di rete consente di visualizzare tutte le richieste utilizzate per visualizzare la pagina e quanto tempo ha preso ogni richiesta, consente di trovare i colli di bottiglia. Utilizzando il plugin NetExport, è possibile esportare i dati nel formato di HAR da importare in altre applicazioni.

Istruzioni

1

Aprire Firefox e andare sul sito Firefox Add-ons (Wikipedia). Digitare "Firebug" nella casella di ricerca nell'angolo superiore destro della pagina. Fare clic sul pulsante "Aggiungi a Firefox" accanto a Firebug nei risultati della ricerca e quindi fare clic sul pulsante "Install Now" una volta scaricato. Una volta riavviato Firefox, vedrete un nuovo pulsante nella toolbar Firefox contenente un'immagine di un bug, che è possibile utilizzare per lanciare Firebug.

2

Visitare il sito NetExport nel tuo browser (il softwareishard.com) e quindi fare clic su "NetExport" dal menu "Sui miei progetti". Clicca sul link per il download nella pagina NetExport. Fare clic sul file XPI NetExport più recenti e quindi fare clic su "Consenti" quando Firefox chiede conferma. Fare clic su "Install Now" per installare l'estensione.

3

Fare clic sull'icona di bug nella barra degli strumenti per lanciare Firebug di Firefox. Fare clic sulla scheda "Rete" nella finestra di Firebug. Se viene visualizzato un messaggio che ti dice che il pannello di rete è disattivato, fare clic sulla freccia nella scheda "Rete" e quindi fare clic su "Enabled" dal menu a tendina. Digitare l'indirizzo della pagina Web da analizzare nella barra degli indirizzi. Firebug elenca tutte le richieste HTTP effettuate da Firefox per visualizzare la pagina, insieme con il tempo impiegato per soddisfare la richiesta.

4

Fare clic sul pulsante "Esporta" sulla barra di Net panel, aggiunto quando è stato installato l'estensione NetExport. Fare clic su "Salva con nome" dal menu a tendina, selezionare il percorso in cui salvare sul disco rigido del computer e quindi fare clic sul pulsante "Salva". È quindi possibile caricare il file salvato di HAR in applicazioni compatibili.

Consigli & Avvertenze

• Il formato di file HAR è testo normale utilizzando la codifica JSON, quindi può essere aperto in un editor di testo o leggere da script personalizzati, se necessario.