Firebug è uno strumento di sviluppo web gratuito Firefox utilizzato per controllare e modificare fogli di stile a cascata, codice HTML e JavaScript in una pagina Web. Questo è utile da usare quando si vuole vedere come il codice CSS specifico interessa la vostra pagina Web, in quanto le modifiche apportate in Firebug vengono immediatamente visualizzati sul browser Firefox in tempo reale. Firebug può visualizzare i righelli e le guide su elementi della pagina Web quando si passa su di loro, dando una ripartizione visivo per aiutare a impostare le misure per gli offset, margini, bordi e padding.

istruzione

1 Aprire Firefox e accedere alla pagina Web che si desidera modificare.

2 Fare clic sull'icona "Firebug", che si presenta come un insetto e di solito si trova nell'angolo in basso a destra di Firefox.

3 Fare clic sulla scheda "Inspect" nella finestra Firebug.

4 Fai clic su "HTML", scorrere il codice sorgente nella finestra e fare clic sulla linea che si desidera modificare. È inoltre possibile fare clic parti della pagina Web effettiva di concentrarsi sul codice HTML di quella regione nella finestra di Firebug. In alternativa, è possibile fare clic su "CSS" e modificare direttamente i file CSS della pagina Web.

5 Fare clic su un CSS attributo che si desidera modificare nella finestra "Stile" e inserire un nuovo valore. La pagina Web dovrebbe aggiornare in tempo reale in modo da poter vedere i cambiamenti. Ad esempio, è possibile modificare un CSS "background-color" da "# E6F2E1" a "rosso".

6 Salvare le modifiche da copia-incollare il codice CSS modificato dal Firebug nel vostro file CSS memorizzato localmente. Non esiste alcuna opzione per salvare le modifiche CSS dall'interno Firebug sé.