Estensioni utili per vari browser
Note: Return to tutorial view.
FireFox 2.0
Per aggiungere estensioni al proprio Browser Firefox è sufficiente cercare quella che più ci interessa sul sito https://addons.mozilla.org/firefox/extensions/ e cliccare sul pulsante di installazione automatica. In alcuni casi è richiesto il riavvio del browser.
- FireBug
- Web_Developer
- Measurelt
- Dummy_Lipsum
- Live HTTP Header
- Quick Locale Switcher
- StyleSheet chooser plus
- Cookie_Swap
- Screen_Grab!
- FasterFox
- ScrapBook
- DownloadHelper
- Extension Manager Extended
- InFormEnter
- Image_Zoom
- Tab_Scope
- Undo_Closed_Tabs_Button
- Extended_Statusbar
- FEBE
FireBug è forse il miglior strumento di sviluppo per FireFox.
Permette di moficare al volo codice HTML, CSS e Layout della pagina senza avere nulla di definitivo (per chi usava Dom Inspector un utile passo avanti). Oltretutto permette di visualizzare molti tipi di errori (in particolare JavaScript).
Il pregio più grande di FireBug è la sua chiarezza e il numero di informazioni che ci rende a disposizione:
- il codice HTML generato;
- il CSS applicato sull'oggetto;
- l'ereditarietà dei CSS;
- una console Javascript;
- un Box che disegna il layout dell'oggetto (box model).
In pratica è uno strumento essenziale!
N.B.: Impiega abbastanza risorse, quindi conviene lasciarlo disattivato. Lo si può attivare nell'istante in cui diventa necessario.
Web Developer
La Web Developer Toolbar è uno strumento capace di mostrarci un gran numero di informazioni e fornirci molte funzionalità dedite allo sviluppo di applicazioni web, ad esempio:
- disabilitare cache Java e Javascript;
- amministrare e cancellare i propri cookie;
- mostrare, modificare e ignorare interi fogli di stile (CSS);
- moficare le proprietà di un form;
- nascondere e conoscere le proprietà delle immagini;
- mostrare id, dettagli sui link, intabulazioni, etc.,
- mostrare delle linee guida (righello), commenti ed oggetti nascosti;
- modificare all'istante la risoluzione del browser e possibilità di zoom;
- rendere disponibili molte scorciatoie per validare l'HTML, il CSS, l'accesibilità, etc.
Measurelt
Measurelt non è altro che un righello. Permette di creare una selezione rettangolare come i più comuni editor grafici, mostrando la dimensione della selezione creata.
Dummy Lipsum
Utile tool per la generazione di contenuti di test. Come l'ononimo sito http://www.lipsum.com/, ci permette di geneare del testo casuale. Possiamo creare interi paragrafi, singole parole, una quantità di byte o delle liste.
Live HTTP Header
Mostra tutte le richieste inviate dal browser al server, e le risposte da esso ricevute. Elenca Javascript, fogli di stile, immagini e altro, ricevute dal server.
Cookie Swap
Questo tool ci permette di settare dei cookie istantanei per il portale che stiamo navigando. Ad esempio possiamo essere loggati con un cookie ed essere anonimi con un altro: in questo modo si può passare da una autenticazione all'altra con un solo click, senza doversi loggare e sloggare continuamente dal portale.
Screen Grub
Utilissimo tool per fare screenshot della pagina che stiamo navigando. Possiamo salvare la pagina completa, la porzione visibile del browser oppure possiamo fare una selezione di una porzione di pagina e salvare quella. C'è anche la possibilità di copiarla solamente. In questo modo possiamo direttamente incollarla nel nostro documento/file.
N.B.: Screen Grub salva un file .png
FasterFox
FasterFox è un prodotto in grado di velocizzare i caricamenti di tutte le pagine web sfruttando i precaricamenti di link. E' possibile scegliere diversi profili, più o meno avazati, di configurazione. Mostra anche il timer di caricamento della pagina nella barra di stato di FireFox.
Scrapbook
Scrapbook permette di scaricare manuali, tutorial, how to, presenti sul web come pagine e poterli consultare comodamente offline. Questa estensione permette, con un DOM inspector, di eliminare le parti superflue della pagina, come ad esempio testata e footer del sito, banner, menù di navigazione, ottenendo così una pagina solo testo. Le configurazioni del tool permettono di indicare anche quali oggetti includere nel salvataggio (immagini, script, mp3, file zip...). Le pagine salvate saranno poi accesibili offline dal menù "ScrapBook" di Firefox, che viene aggiunto automaticamente dopo la sua installazione.
DownloadHelper
Semplice programma che permette di scaricare file multimediali (anche in streaming) dalla pagina che stiamo visitando. Include inoltre un elenco di siti che contengono file multimediali (video, audio, ...)
Image Zoom
Utile tool per zoommare le immagini direttamente sul vostro browser con un semplice gesto del mouse, senza dover salvare o aprire l'immagine in un'altra pagina/tab.
Tab Scope
Comodo tool per l'anteprima delle nostre tab.
Passando con il mouse sopra una tab ci viene mostrata una piccola anteprima della pagina (un po come fa Beryl su Gnome per le finestre). Esiste anche la possibilità di configurare grandezza e zoom del popup e il tempo di attesa di quest'ultimo (in ms).
Undo Closed Tabs Button
Estremamente importante per le persone distratte o dal mouse pesante :D che erroneamente cliccano e chiudono le tab.
Salva una lista di tab chiuse in modo da poterle riaprire a nostro piacimento. C'è anche la possibilità di scegliere quante tab salvare e di cancellare la lista all'istante.
Extended Statusbar
Aggiunge informazioni sul caricamento della pagina: numero di immagini, grandezza in KB, il tempo e la percentuale di caricamento.
FEBE
Questo tool permette di fare un backup di FireFox sul nostro pc. Possiamo salvare le singole estensioni installate, i temi, le preferenze, la cronogia, i bookmark, le password ecc. Inoltre c'è la possibilità di programmare i backup.
Internet Explorer 6
IE Dom Explorer
Buono strumento per esplorare le pagine web, fornisce molte funzionalità come l'esplorazione del codice HTML e CSS. Praticamente il clone di FireBug per FireFox. Fa parte delle estensioni ufficiali Microsoft ed è free.
Internet Explorer 7
IE Development Toolbar
Buono strumento per esplorare le pagine web, fornisce molte funzionalità come l'esplorazione del codice HTML e CSS. Praticamente il clone di FireBug per FireFox. Fa parte delle estensioni ufficiali Microsoft ed è free.