Firebug 1.0 Beta

Martedì 5 Dicembre 2006 - 14:22

di Cesare Lamanna

Web Standards

Non so se è davvero “un grande giorno per gli sviluppatori web”, ma così viene presentato su Digg il rilascio della versione beta di Firebug, questa super-estensione per Firefox che dovrebbe facilitare la vita a chi si occupa attivamente di maneggiare codice HTML, CSS e Javascript per costruire siti e applicazioni web.

La lista delle funzionalità è senz’altro notevole. Firebug consente di analizzare ed editare il codice HTML e quello CSS, offre una serie di strumenti utili per il debug di Javascript e l’esplorazione del DOM, presenta anche un’opzione per monitorare dettagliatamente il caricamento delle pagine e degli elementi che le compongono, offrendo un servizio simile a quello dell’estensione TamperData di cui abbiamo parlato in un precedente post, anche nell’output a grafico:

Screenshot: Firebug

Interessante che gli sviluppatori abbiano pensato di venire incontro anche a chi non usa Firefox. Almeno per la parte relativa alla console, è infatti possibile simulare quella di Firebug con Firebug Lite. Si tratta di uno script da inserire nelle pagine che vogliamo testare e che attiva la visualizzazione della console nella parte inferiore della pagina stessa usando il tasto F12 o la combinazione CTRL+SHIFT+L (potete fare il test anche nella pagina che ho linkato qui sopra).

Già nella discussione nata intorno al lancio su Digg, molti si sono chiesti ’se sia meglio della Web Developer Toolbar‘. A parte qualche commento da curva sud vs. curva nord, non sono pochi quelli che sostengono che le due estensioni sono alla fine complementari più che alternative.

Il posto giusto per documentarsi sugli aspetti più notevoli o su eventuali bug è questo gruppo di discussione creato su Google Groups.

Tags:

Categoria: Web Standards | Permalink

Commenti

1

Non c’e’ dubbio che siano complementari.
Inoltre Firebug e’ uscito da parecchio, forse per demo si intende il grafico che assomiglia a tamperdata?
Cmq molto interessante

# - postato da Grab - 05 Dicembre 2006 - 15:27

2

ottima estensione. c’é n’é una simile per IE7, ma questa é molto meglio.

la trovo completa per quello che sono le mie necessità.
decisamente promossa a pieni voti!

# - postato da gio - 05 Dicembre 2006 - 15:34

3

Come già detto, Firebug esiste da tempo.
Io ho attualmente la versione 0.4.1.

Sicuramente nella 1.0 avranno aggiunto parecchie cose… ad esempio i tempi di caricamento e la possibilità di editare parti della pagina “al volo”.

Un’altra funzione molto interessante è quella che mostra i risultati delle pagine caricate con XMLHttpRequest.

Secondo me Firebug e Webdeveloper sono complementari, io Firebug la uso più che altro per il debug di Javascript.

# - postato da Fredx - 05 Dicembre 2006 - 15:36

4

Grab, la novità è che il 4 dicembre è stata rilasciata la versione 1.0 beta per il pubblico (annuncio sul blog). Ne avevamo parlato sul blog già in gennaio tra l’altro (qui). Comunque correggo il titolo perché la cosa sia più chiara ;)

# - postato da cesare - 05 Dicembre 2006 - 15:39

5

cmq la web developer toolbar ha un errore: ho provato a modificare la risoluzione video fra le sue opzione, e mi restituisce un errore che riguarda l’interpretazione del suo codice xml.

# - postato da smal - 05 Dicembre 2006 - 16:18

6

Errore interpretazione XML: errore in processamento referenza entità esterna
Indirizzo: chrome://webdeveloper/content/options/dialogs/resize.xul
Linea numero 4, colonna 67: < !DOCTYPE dialog SYSTEM "chrome://webdeveloper/locale/dialogs.dtd" >
——————————————————————^

# - postato da smal - 05 Dicembre 2006 - 16:19

7

Anche io usavo fino ad oggi la 0.4 ma questa 1.0 è veramente un’altro livello. Secondo me utilissima, sicuramente complementare a WebDev.

Ottima segnalazione!

# - postato da Marco - 05 Dicembre 2006 - 16:22

8

Spettacolare estensione! Mi piace un sacco il pannello che mostra i tempi di caricamento dei componenti della pagina (e mostra l’incidenza della cache).
Altra comodità estrema : l’opzione “inspect element” che appare nel menu contestuale e attiva firebug in corrispondenza dell’elemento identificato dal mouse.
Insomma, altro che raggi X!

# - postato da Nicola Bortolini - 05 Dicembre 2006 - 17:18

9

con firebug attivo, su alcuni componenti di siti web come HTML Area (FCK-Editor in questo caso), dà degli errori con alcuni js e ne impedisce quindi l’uso.
anche se con firefox e con tutti gli altri browser funziona correttamente.

in fondo dicono sia ancora una beta….vedremo…

# - postato da gio - 06 Dicembre 2006 - 11:25

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento