10 estensioni di Firefox per potenziare Firebug

Firebug è l’estensione di Firefox che ogni sviluppatore web deve avere.

Ma Firebug stesso può essere esteso nelle sue potenzialità grazie ad ulteriori componenti aggiuntivi scaricabili gratuitamente dal sito ufficiale Add-Ons per Firefox

Ecco a voi una lista delle 10 migliori estensioni Firefox – Firebug:

1. Pixel Perfect

http://www.pixelperfectplugin.com/

pixelperfect-500x146

Consente di sovrapporre immagini alla pagina web visualizzata, scegliendo il livello di trasparenza. In questo modo è possibile disporre di una guida visuale per il posizionamento degli elementi attraverso CSS e HTML.

Installa Pixel Perfect

2. Page Speed

http://code.google.com/speed/page-speed/

page-speed2_small

Utilissimo strumento fornito da Google per valutare la velocità di download del proprio sito. Fornisce anche indicazioni su come migliorare le performance. Ho già scritto un articolo più dettagliato sulle caratteristiche di Page Speed.

Installa Page Speed

3. CodeBurner

http://tools.sitepoint.com/codeburner/

codeburner-500x220

Fornito da SitePoint aggiunge un manuale di referenze su HTML / CSS direttamente consultabile dal codice della pagina. Un pannello di ricerca ci consente di ricercare il tag di nostro interesse. Ma è anche possibile cliccare direttamente su un tag presente nel codice per ottenere esempi di utilizzo e specifiche.

Installa CodeBurner

4.  FireRambow

http://firerainbow.binaryage.com/

firerainbow

E’ un semplice Syntax Highlighter per Firebug che colora la sintassi JavaScript, CSS e HTML aiutandoci a individuare meglio le parti di codice.

Installa FireRainbow

5. Inline Code Finder

http://robertnyman.com/inline-code-finder

stand-alone-summary

Stumento utile a chi deve ristrutturare vecchi siti, separando il codice XHTML dalla presentazione CSS / JavaScript.  Aiuta infatti a individuare immediatamente ogni parte di codice HTML che contenga: eventi JavaScript, link JavaScript o stili CSS inline.

Installa Inline Code Finder

6. Firecookie

http://www.softwareishard.com/blog/firecookie/

firecookie-500x172

E’ una estensione che consente di visualizzare e gestire i cookies direttamente da Firebug. La linguetta “Cookies” di Firebug mostra tutti i cookies associati al dominio della pagina visualizzata. E’ possibile ispezionare eventi, scadenze, permessi e esportare i dati in un file.

Installa Firecookie

7. FirebugCodeCoverage

https://addons.mozilla.org/it/firefox/addon/4837

coverage2-500x170

Estensione per gli sviluppatori JavaScript. Mostra la percentuale di codice JS, presente sulla pagina, che viene eseguita durante un lasso di tempo. Vengono indicate le funzioni chiamate e quelle non chiamate.

Installa FirebugCodeCoverage

8. SenSEO

http://sensational-seo.com/

senseo

Non poteva mancare una estensione SEO per aiutarci nell’ottimizzazione sui motori di ricerca. Controllo dell’uso corretto del titolo, delle meta description e meta keywords, verifica dei tag header h1, h2, etc.

Installa SenSEO

9. Yahoo! YSlow

http://developer.yahoo.com/yslow/

yslow-500x200

Versione di Yahoo equivalente a Page Speed di Google. Analizza le pagine web e suggerisce le azioni da intraprendere per migliorare le performance di velocità del sito. Si integra con altri strumenti di ottimizzazione quali Smush.it™ e JSLint.

Installa YSlow

10. Firefinder

http://robertnyman.com/firefinder/

firefinder

Un’altra estensione di Robert Nyman, autore anche di Inline Code Finder.  Consente di trovare nel codice qualsiasi elemento HTML a cui corrisponda un dato selettore CSS o una data espressione XPath. Utile per individuare quali parti della nostra pagina siano modificate nell’aspetto da uno stile CSS.

Installa Firefinder

Termini collegati: , , , Scrivi il tuo commento all'articolo

2 Commenti

  1. Marco
    Pubblicato 19 settembre 2009 alle 11:12 | Link Permanente

    molto utile! Grazie!

  2. Pubblicato 8 ottobre 2009 alle 12:04 | Link Permanente

    Grazie per le tue utilissime notizie, uso spesso firebug!
    Ma non pensavo ci fossero dei plugin per potenziarlo! Grazie per le tue info.
    Visto che ho scritto un articolo su firebug mi sono permesso di linkare questo post come completamento ovviamente con tanto di autore.

Scrivi un Commento

Il tuo indirizzo Email non verra' mai pubblicato e/o condiviso. I Campi obbligatori sono contrassegnati con *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre lang="" line="" escaped="">