Firebug è uno strumento di sviluppo web Firefox gratuito utilizzato per controllare e modificare i fogli di stile CSS, HTML e JavaScript codice in una pagina Web. Questo è utile da utilizzare quando si vuole vedere come specifiche CSS codice influisce sulla tua pagina Web, perché le modifiche apportate in Firebug vengono immediatamente visualizzate sul browser Firefox in tempo reale. Firebug può visualizzare righelli e guide in elementi della pagina Web quando si passa il mouse sopra di loro, dandovi una ripartizione visual per aiutarti a impostare misure per offset, margini, bordi e spaziatura interna.

Istruzioni

1

Aprire Firefox e spostarsi nella pagina Web che si desidera modificare.

2

Fare clic sull'icona "Firebug", che si presenta come un bug e solitamente si trova nell'angolo inferiore destro di Firefox.

3

Fare clic sulla scheda "Ispezionare" sulla finestra di Firebug.

4

Fare clic su "HTML" scorrere il codice sorgente nella finestra e scegliere la riga che si desidera modificare. È anche possibile scegliere parti della pagina Web effettiva di concentrarsi sul codice HTML di quella regione nella finestra di Firebug. In alternativa, potete fare clic su "CSS" e modificare direttamente il file CSS della pagina Web.

5

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

6

Salvare le modifiche di copia-incolla il codice CSS modificato da Firebug in file CSS memorizzate localmente. Non c'è alcuna opzione per salvare modifiche CSS da all'interno di Firebug stessa.