Firebug: un must have per ogni web developer! gennaio 2, 2008
Inviato da davide in : Informatica, Linux, Tecnologia, Windows , trackback
Oggi vi parlerò di un’estensione per Firefox utilissima a ogni web developer e a chiunque si cimenti con CSS o javascript. Vi permetterà veramente di evitare tantissimi mal di testa e, appena imparerete ad usarlo, non riuscirete più a farne a meno!
Firebug è una delle tante estensioni gratuite per Firefox, scaricabile da qui, e contiene una serie di tool con i quali è possibile analizzare “al volo” l’esecuzione di script nelle pagine web, modificare il codice HTML delle pagine e intervenire sulle proprietà CSS dei vari elementi, permettendo di osservare i cambiamenti in tempo reale!
Di seguito vi elenco alcune delle tantissime funzionalità di questa extension:
- Possibilità di ispezionare e editare “al volo” il codice HTML delle pagine: cambiare, eliminare tags, aggiungere e modificare contenuti
- Possibilità di ispezionare e editare “al volo” i fogli di stile associati alle pagine: è possibile abilitare, disabilitare, aggiungere proprietà e vedere i cambiamenti ripercuotersi sulla pagina istantaneamente
- Analizzare tutte le requests e responses HTTP, e i relativi header
- Analisi del DOM (Document Object Model) della finestra e possibilità di modificarlo al volo
- Console javascript tramite la quale è possibile, ad esempio testare funzioni e modificare il DOM della pagina
- Debugger javascript con possibilità di impostare breakpoints e monitorare elementi o variabili (watch)
- Possibilità di analizzare il layout della pagina in modo visuale e individuare, evidenziandoli con il mouse, tutti gli elementi della pagina, le loro posizioni e i loro margini.
In questa immagine, ad esempio, si vede come basti cliccare su una proprietà CSS (in questo caso margin-right) per disabilitarla e veder subito le modifiche ripercuotersi sulla pagina: senza il margine destro il logo della Lamborghini è ora attaccato al testo!
Per saperne di più, semplicemente scaricatevi questo magnifico tool: se vi capita di lavorare con HTML, CSS o Javascript, Firebug fa senz’altro per voi!
Peccato che per Internet Explorer non ci sia nulla del genere… a causa delle diversità tra i browser talvolta capita che una pagina dal layout perfetto su Firefox venga visualizzata in modo diverso su Explorer, e questa è una cosa che può dare molto fastidio a chi lavora spesso con i layout dei siti.
Davide
Commenti»
no comments yet - be the first?