Firebug

Da Wikipedia, l'enciclopedia libera.
Vai alla navigazione Vai alla ricerca
Firebug
software
Logo
Logo
Firebug in esecuzione su Firefox 4, con la vista HTML attiva sulla pagina principale di Wikipedia.
Firebug in esecuzione su Firefox 4, con la vista HTML attiva sulla pagina principale di Wikipedia.
Firebug in esecuzione su Firefox 4, con la vista HTML attiva sulla pagina principale di Wikipedia.
GenereIntegrated development environment
Sicurezza informatica
SviluppatoreJoe Hewitt e Firebug Working Group
Ultima versione2.0.19 (1º marzo 2017)
Sistema operativoMultipiattaforma
LinguaggioJavaScript
LicenzaLicenza BSD
(licenza libera)
Sito webgetfirebug.com/

Firebug è stata un'estensione di Mozilla Firefox che permetteva il debug, la modifica e il monitoraggio di tutti gli aspetti di una pagina web, come i fogli di stile, il codice HTML, la struttura DOM e il codice JavaScript. Firebug forniva anche altri strumenti per lo sviluppo web come una console JavaScript e una funzione chiamata "Net" che permetteva di monitorare il tempo di caricamento in millisecondi di immagini e script. Oltre che per il debug, Firebug era uno strumento indispensabile per testare la sicurezza e la performance dei siti o applicazioni web.

Firebug è stato creato da Joe Hewitt, uno dei creatori di Firefox, ed era sviluppato e mantenuto dal Firebug Working Group.[1]

Nel febbraio del 2009, quasi 1,9 milioni di utenti avevano Firebug installato.[2]

Fu abbandonato nel 2017[3][4].

Caratteristiche

[modifica | modifica wikitesto]

Firebug apporta modifiche immediatamente e fornisce un feedback costante all'utente. Tutti gli editor in Firebug supportavano il completamento automatico[5].

La riga di comando di Firebug accettava comandi scritti in JavaScript. Il risultato dell'esecuzione di ogni comando veniva visualizzato nella console, come collegamenti ipertestuali. L'applicazione Firebug conteneva più finestre, suddividendo le funzionalità correlate in una finestra comune[6]. Firebug consentiva inoltre agli utenti di visualizzare il tempo di download per i singoli file. Separava diversi tipi di oggetti, come file JavaScript e immagini, e poteva determinare quali file vengono caricati dalla cache di un browser. Firebug offriva anche la possibilità di esaminare le intestazioni HTTP e i timestamp relativi a quando viene effettuata una richiesta HTTP[7]. Il suo pannello di rete poteva monitorare gli URL richiesti dal browser, come CSS esterni, JavaScript e file di immagine.

Gli strumenti HTML e CSS consentivano l'ispezione e la modifica di elementi HTML e CSS su una pagina web[8]. Le versioni successive di Firebug consentivano agli utenti di vedere le modifiche in tempo reale al CSS[5]. La visualizzazione degli elementi CSS veniva mostrata durante l'ispezione degli elementi HTML. La scheda Layout Firebug veniva utilizzata per visualizzare e manipolare i valori delle proprietà CSS. Inoltre, gli utenti potevano fare clic su qualsiasi elemento HTML visibile su una pagina web per accedere ai suoi valori di proprietà CSS[9].

Console JavaScript

[modifica | modifica wikitesto]

La scheda script di Firebug consentiva agli utenti di impostare punti di interruzione e scorrere le righe di codice[10]. Inoltre, Firebug poteva passare direttamente a una riga di codice JavaScript, guardare espressioni, stack di chiamate e avviare il debugger nel caso in cui si verificasse un errore durante l'esecuzione. Firebug poteva anche registrare errori. La registrazione utilizzava un'API JavaScript Firebug. Il pannello JavaScript di Firebug poteva registrare chiamate a funzioni di profilo e consentire allo sviluppatore di eseguire JavaScript arbitrario. Firebug consentiva agli utenti di eseguire codice JavaScript tramite la riga di comando e consentiva all'utente di registrare gli errori che si verificavano in JavaScript, CSS e XML. Firebug forniva un editor di testo separato per modificare JavaScript e visualizzare risultati immediati sul browser dell'utente.

L'editor di testo offriva anche la possibilità di scrivere funzioni complete. Firebug richiedeva che un utente aggiornasse una pagina web in caso di arresto anomalo.

Alcune estensioni potevano integrarsi con Firebug[11]:

  • YSlow[12] è un'estensione sviluppata da Yahoo per misurare e testare vari indicatori relativi alla velocità di download e visualizzazione di una pagina web. Questa estensione si integrava con Firebug per funzionare e adotta la stessa licenza di quest'ultima.
  • Page Speed era un'estensione per Firebug[13] sviluppata da Google e svolgeva le stesse funzioni di YSlow. Questa estensione era disponibile con la licenza Apache 2.0.
  • Firecookie[14] era un'estensione che consentiva di visualizzare i cookie collegati alla pagina corrente, di aggiungerne di nuovi o di eliminarli. Questa estensione, disponibile anche su addons.mozilla.org[15], era rilasciata con la nuova licenza BSD. Dalla versione 1.10.0, Firebug gestiva nativamente i cookie[16].
  • FlashFirebug era un'estensione Firebug a pagamento che aiutava gli sviluppatori Flash e Flex (obsoleti dal 31 dicembre 2020[17]) a eseguire il debug dei file Adobe SWF sul web. FlashFirebug è stato sviluppato da O-Minds ed era concesso in licenza con GPLv3[18][19].

Firebug 2.0 aveva introdotto molte nuove funzionalità nell'estensione Firebug, tra cui l'evidenziazione della sintassi JavaScript, stampa per il codice JavaScript minimizzato e un DOM Event Inspector per gestire tutti i gestori di eventi su una pagina web. Inoltre gli utenti potevano cercare gli elementi della pagina utilizzando i selettori CSS nella barra di ricerca. Lo strumento di debug consentiva agli utenti di ispezionare le espressioni JavaScript mentre venivano valutate. Inoltre, gli utenti potevano esaminare i valori restituiti dalle funzioni JavaScript. Inoltre, aggiungeva la possibilità di creare nuovi attributi HTML per gli elementi HTML esistenti[5].

Il 10 novembre 2014 è stato annunciato Firebug 3.0 e una versione alpha è stata resa disponibile al pubblico[20]. Questa versione doveva presentare un nuovo tema e si sarebbe concentrata sull'esperienza dell'utente.

  1. ^ (EN) Firefox Working Group Archiviato il 23 febbraio 2009 in Internet Archive.
  2. ^ (EN) Firefox Add-ons: Statistics Dashboard Archiviato il 29 aprile 2011 in Internet Archive.
  3. ^ Firebug, su blog.getfirebug.com. URL consultato il 1º marzo 2021.
  4. ^ (EN) Saying Goodbye to Firebug – Mozilla Hacks - the Web developer blog, su Mozilla Hacks – the Web developer blog. URL consultato il 1º marzo 2021.
  5. ^ a b c Jan Odvarko, Firebug 2.0 Release, su blog.getfirebug.com, Firebug Working Group. URL consultato il 15 ottobre 2015.
  6. ^ Hewitt, J. (2007). Ajax debugging with firebug. Dr.Dobb's Journal, 32(2), 22-26.
  7. ^ What is Firebug?, su getfirebug.com. URL consultato il 13 novembre 2014 (archiviato dall'url originale il 22 dicembre 2014).
  8. ^ Sami Salkosuo, Debug and tune applications on the fly with Firebug, su ibm.com, IBM Developer Works, 6 maggio 2008. URL consultato il 6 maggio 2008.
  9. ^ Erez Zukerman, Debug Web Pages in Firefox With Firebug, su pcworld.com, PC World, 6 gennaio 2012. URL consultato il 6 gennaio 2012.
  10. ^ Steve Suehring, Identify JavaScript Problems with Firebug, su dummies.com, Dummies.
  11. ^ List of Known Firebug Extensions, su getfirebug.com. URL consultato il 13 novembre 2014 (archiviato dall'url originale il 13 novembre 2014).
  12. ^ developer.yahoo.com, YSlow for Firebug
  13. ^ (EN) PageSpeed Insights – Get this Extension for 🦊 Firefox (en-US), su addons.mozilla.org. URL consultato il 1º marzo 2021.
  14. ^ softwareishard.com, Software is hard, Jan Odvarko, More musings on software development, Firecookie
  15. ^ addons.mozilla.org, Firefox Add-ons, Firecookie 0.6 by Jan Odvarko, su addons.mozilla.org. URL consultato il 1º marzo 2021 (archiviato dall'url originale il 4 dicembre 2010).
  16. ^ https://blog.getfirebug.com/2012/07/13/firebug-1-10-0/
  17. ^ Flash & The Future of Interactive Content | Adobe Blog, su web.archive.org, 2 dicembre 2017. URL consultato il 1º marzo 2021 (archiviato dall'url originale il 2 dicembre 2017).
  18. ^ FlashFirebug Add-on Page, su addons.mozilla.org. URL consultato il 1º marzo 2021 (archiviato dall'url originale il 3 novembre 2018).
  19. ^ O-Minds FlashFirebug Product Page
  20. ^ Jan Odvarko, Firebug 3.0 The Next Generation, su blog.getfirebug.com, Firebug Working Group. URL consultato il 10 novembre 2014.

Voci correlate

[modifica | modifica wikitesto]

Altri progetti

[modifica | modifica wikitesto]

Collegamenti esterni

[modifica | modifica wikitesto]
  • (EN) Home Page di Firebug, su getfirebug.com.
  • (EN) Firebug :: Firefox Add-ons [collegamento interrotto], su addons.mozilla.org.