Firebug è un plugin per Firefox per gli sviluppatori Web che offre molti strumenti per aiutare con il processo di sviluppo Web. È possibile visualizzare e modificare il codice sorgente di una pagina Web, e vedere i cambiamenti visualizzati in tempo reale nella finestra del browser. È possibile visualizzare informazioni dettagliate sulle stili CSS applicati ad un elemento, e attivare o disattivare gli stili individuali. Il pannello Rete visualizza tutte le richieste utilizzate per visualizzare la pagina e quanto tempo ogni richiesta ha preso, che vi permetterà di trovare i colli di bottiglia. Utilizzando il plugin NetExport, è possibile esportare questi dati nel formato HAR di importare in altre applicazioni.

istruzione

1 Aprire Firefox e andare al sito web Componenti aggiuntivi di Firefox (addons.mozilla.org). Tipo "Firebug" nella casella di ricerca in alto a destra della pagina. Fare clic sul pulsante "Aggiungi a Firefox" accanto a Firebug nei risultati di ricerca, e quindi fare clic sul pulsante "Install Now", una volta scaricato. Dopo Firefox è stato riavviato, vedrete un nuovo pulsante nella barra degli strumenti di Firefox che contiene l'immagine di un bug, che è possibile utilizzare per lanciare Firebug.

2 Vai al sito NetExport nel tuo browser (softwareishard.com), e poi cliccare su "NetExport" dal menu "Circa i miei progetti". Clicca sul link di download nella pagina NetExport. Fare clic sul file più recente NetExport XPI e quindi fare clic su "Consenti" quando Firefox chiede conferma. Clicca su "Installa" per installare l'estensione.

3 Fare clic sull'icona bug nella barra degli strumenti di Firefox per lanciare Firebug. Fare clic sulla scheda "Rete" nella finestra di Firebug. Se si riceve un messaggio che indica che il pannello di rete è disattivata, cliccare sulla freccia sulla scheda "Rete" e quindi su "Enabled" dal menu a discesa. Digitare l'indirizzo della pagina web di analizzare nella barra degli indirizzi. Firebug elenca tutte le richieste HTTP effettuate da Firefox per visualizzare la pagina, insieme con il tempo necessario per soddisfare la richiesta.

4 Fare clic sul pulsante "Esporta" sulla barra degli strumenti della parte della rete, ha aggiunto quando si è installato l'estensione NetExport. Fai clic su "Salva con nome" dal menu a discesa, selezionare la posizione in cui salvare sul disco rigido del computer e quindi fare clic sul pulsante "Salva". È quindi possibile caricare il file HAR salvato in applicazioni compatibili.

Consigli e avvertenze

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