Guida all'installazione di Firebug nei principali browser e dispositivi iOS

Firebug è un componente aggiuntivo di Firefox con strumenti interessanti per ispezionare elementi di pagine Web, eseguire il debug e sviluppare pagine Web. Tuttavia, non è possibile avere questi strumenti su altri browser Web oltre a Firefox.

Lo sviluppo di uno strumento simile per altri browser potrebbe richiedere un duro lavoro, ma sarà di grande aiuto se si riuscisse a far funzionare Firebug anche su altri browser, considerando che ognuno ha i propri browser preferiti.

Bene, ecco dove Firebug Lite entra per risolvere i tuoi bisogni. Firebug Lite è una versione più semplice di Firebug ma può essere utilizzata su IE, Opera, Chrome, Safari, iPad e iPhone pur mantenendo opzioni e funzionalità simili.

Installazione di Firebug Lite su Opera, Safari e Chrome

Con Firebug Lite, non è necessaria alcuna installazione. Scritto in Java Script, è possibile aggiungere un collegamento Firebug Lite ai segnalibri e sarà pronto per l'ispezione della pagina. Quindi quello che devi fare è semplicemente aggiungere il link ai preferiti qui sotto (puoi anche trascinare il link nella barra dei segnalibri del tuo browser).

Firebug Lite

Se si utilizza il browser Chrome, il segnalibro dovrebbe apparire come sotto, se la barra dei segnalibri è visibile.

Ecco fatto, il tuo Firebug Lite dovrebbe ora funzionare quando hai bisogno di usarlo.

Utilizzando Firebug Lite su Opera, Safari e Chrome

Ora puoi usare Firebug Lite per ispezionare praticamente qualsiasi pagina web. Per questo esempio, useremo Wikipedia.org.

Quando la pagina web viene caricata, fai clic sul segnalibro di Firebug Lite che hai salvato in precedenza e vedrai apparire una casella di controllo nella parte inferiore della pagina web.

Se chiudiamo, questo è quello che vedrai in basso a sinistra della pagina.

Ora puoi vedere il (+) e il (-) sul punto di partenza di molte linee. Il segno (+) significa che ci sono più linee chiuse sotto la riga singola di html, e se evidenzi la linea, vedrai quale parte della pagina rappresenta.

Ma se vuoi rendere più facile individuare le linee rappresentate da qualsiasi testo, foto, link o altri elementi sulla stessa pagina web, fai clic sul pulsante 'Ispeziona'.

Ora puoi passare il cursore del mouse su qualsiasi parte degli elementi disponibili sulla pagina web e vedrai la linea html evidenziata. Questo ti rende più facile fare qualche ispezione.

Installazione di Firebug Lite su iPad e iPhone

Bookmarklets non va davvero bene con iPad e iPhone. Per avere Firebug Lite installato su iPad e iPhone, ecco come:

1. Aggiungi questa pagina ai segnalibri sul tuo iPad o iPhone.

   

2. Rinominare il segnalibro su "Firebug".

   

3. Seleziona e copia tutto lo script qui sotto.

   javascript: (function (f, i, r, e, b, u, g, L, I, T, E) if (F.getElementById (b)) return; E = F [i + 'NS'] && F. ? documentElement.namespaceURI; E = E F [i + 'NS'] (E, 'script'): F [i] ( 'script'); E [r] ( 'id', b); E [r] ( 'src', I + g + T); e [r] (b, u); (F [e] ( 'testa') [0] || F [e] ( 'body') [0]). appendChild (E); E = new% 20Image; E [r] ( 'src', I + L);) (documento, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'firebug-lite.js', 'releases / lite / ultima / pelle / xp / Sprite', 'https: //getfirebug.com/','#startOpened');

4. Vai a opzione segnalibro e premere "Modifica". Quindi seleziona il segnalibro "Firebug".

   

5. Rimuovere l'URL originale e incollare il bookmarklet.

   

6. Scegliere “Fatto” sulla tua tastiera.

Ora prova ad aprire qualsiasi sito web e seleziona il segnalibro "Firebug" e vedrai un Firebug funzionante nella parte inferiore dello schermo del tuo iPad.

Conclusione

Firebug Lite è di gran lunga sufficiente per eseguire un'ispezione rapida delle pagine. Puoi visualizzare html, css e qualsiasi script usato per costruire la pagina web. Sebbene Chrome abbia la propria estensione per gli sviluppatori Web, Firebug Lite non delude di un miglio.