March 7
Firebug è un'estensione per Firefox che permette di ispezionare ed eseguire il debug del codice dietro un sito web. E 'particolarmente utile per gli sviluppatori Web, per aiutarli a trovare errori nel loro codice. È inoltre possibile utilizzare Firebug per capire meglio come elementi singoli influenzano una pagina, come è possibile disattivare i singoli elementi nel browser.
Dopo aver installato Firebug in Firefox che aggiunge un piccolo pulsante per il browser. Quando si fa clic su questo pulsante si apre una finestra nella parte inferiore dello schermo, che visualizza gli elementi della pagina web visualizzata. È inoltre possibile aprire Firebug in una finestra premendo il tasto "Ctrl" e "F12" simultaneamente. Usando Firebug, è possibile apportare modifiche in tempo reale al HTML e CSS, la ricerca di elementi nel codice di un sito web, e persino eseguire il debug JavaScript. Firebug mostrerà anche eventuali errori che incontra in un codice, aiuta a trovare errori prima di prendere il vostro sito live.
Per installare Firebug in Firefox, visitare il sito web all'indirizzo getfirebug.com in Firefox e fare clic sul pulsante rosso "Installa Firebug". Firebug è elencato tra i componenti aggiuntivi sul sito web di Mozilla. Selezionare una versione di Firebug. Si sono presi ad un elenco di file XPI, che sono i file che Firefox utilizza i componenti aggiuntivi. Fare clic su uno per iniziare il download nel browser.
Se non si sta eseguendo Firefox, si può ancora godere alcune delle funzionalità di Firebug utilizzando Firebug Lite. Firebug Lite è disponibile come estensione per Google Chrome. È inoltre possibile utilizzare Firebug luce come bookmarklet in qualsiasi browser con una barra dei preferiti. Trascinare il bookmarklet fornito alla barra, e fare clic quando si desidera utilizzare Firebug. Firebug Lite non è così completamente descritto come Firebug per Firefox, ma ti dà ancora gli strumenti per il debug e capire le pagine web.
Una volta aperto una finestra di Firebug si può guardare un po 'opprimente. È possibile fare clic sul pulsante "Inspect" per scegliere un elemento sulla pagina web. Viene visualizzato un bordo blu intorno agli elementi, come si posiziona su di loro. Quando si sceglie l'elemento, Firebug visualizza il codice per quell'elemento. default Firebug per la visualizzazione HTML. Per controllare foglio di stile di un layout, fare clic sul pulsante "CSS". È possibile disattivare una linea di CSS facendo clic sull'icona disable alla sinistra del codice. Facendo clic su un elemento ti dà la possibilità di cambiare, se si ha il permesso. Display cambia automaticamente nel browser.