Ogni volta che si realizza un nuovo Sito Web per i Web Master e i Web Developer nasce il dubbio se sarà funzionante sui principali Browser come Microsoft Internet Explorer, Mozilla Firefox, Apple Safari, Google Chrome e tanti altri. Se il Sito Web non crea problemi con i Browser sopra indicati è molto facile che non vi siano problemi anche con quelli non in elenco.
Un piccolo problema (in alcuni casi è evidente) dei Browser è che le nuove versioni spesso non hanno compatibilità con le vecchie. In alcuni casi il Bug è marginale ma in altri è abbastanza evidente. E un Web Master e un Web Developer non può certamente correre dietro a ogni modifica che le case produttrici di Browser apportano ai loro prodotti generando nuove versioni, e apportare tutte le modifiche ai Siti Web realizzati non sarebbe fattibile per tanti motivi tra cui il tempo, i costi, il Cliente, e così via. Diventa quindi conveniente inserire una riga informativa almeno nel Footer (fondo pagina) del Sito Web con riportato da quale versione di Browser il Sito Web è visibile. Se notate, spesso si trovano Siti Web che riportano che il Sito è stato realizzato per alcuni Browser.
Certamente un buon metodo per il Test di un Sito Web è quello di disporre dei Browser principali e effettuare il Test su tutti. Questo implica occupazione di memoria, aprire e chiudere più volte i Browser che non usiamo durante lo sviluppo.
Internet anche in questo caso ci viene in aiuto: di seguito 4 software free per effettuare il Test del Sito Web nelle varie versioni di Browser come Firefox e Microsoft Internet Explorer. Tre di questi sono software da scaricare, mentre uno è utilizzabile su Internet.
1) BrowserShots
Browsershots è un servizio che permette di ottenere via Web degli ScreenShot (immagini) di una pagina Web nel giro di pochi secondi.
Browsershots realizza screenshots del Sito Web su diversi Browser. E’ un servizio online Open Source creato da Johann C. Rocholl. Si inserisci l'indirizzo del Sito Web che sarà aggiunto alla coda dei processi. Una rete di computer visualizzerà il Sito Web nei rispettivi Browser e quando questi avranno eseguito gli screenshots li invieranno su questo server centrale per permettere di vedere il risultato ottenuto.
2) Firebug Per Mozilla Firefox
Firebug è una estensione per il Browser Mozilla Firefox che permette di visionare e modificare codice HTML, CSS e Javascript di una pagina Web direttamente dal Browser.
Le funzionalità di Firebug possono essere estese con dei Plugin.
Firebug permette di editare un documento HTML e controllare il risultato direttamente e immediatamente all'interno del Browser e evidenzia tutti i cambiamenti fatti e, nella modalità analisi, permette di trovare facilmente il codice sorgente della parte della pagina Web selezionata con il mouse.
HTML a parte, Firebug offre molti strumenti per l'analisi e la modifica di fogli di stile CSS e codice Javascript. Ad esempio, include un debugger Javascript, o dei righelli per allineare le proprietà CSS quali margini, padding e altro.
Attivando Firebug come da immagine sopra la finestra del Browser si divide in due: quella in alto riporta la pagina del Sito Web mentre quella sotto riporta il relativo codice.
Mentre nell'immagine sotto riportata evidenziandto la data el giorno nella finestra di Firebug viene visualizzato il relativo codice.
Mentre nell'immagine sotto riportata evidenziandto la data el giorno nella finestra di Firebug viene visualizzato il relativo codice.
Per l'uso di Firebug si consiglia di aggiornare Mozilla Firefox all'ultima versione disponibile, più precisamente dalla 3 in poi.
Il download di questo software free è su Add-ons Per Firefox - Firebug .
3) IETester
IETester è una applicazione che consente di navigare sul Sito Web con differenti versioni di Microsoft Internet Explorer.
IETester è utile per verificare la corretta visualizzazione (rendering grafico e di Javascript) della pagina su tutte le versioni di Microsoft Internet Explorer. Non è necessario installare tutte le versioni di Microsoft Internet Explorer perché queste caratteristiche sono racchiuse in IETester.
IETester permette di vedere come il Sito Web si comporta con le varie versioni di Microsoft Internet Explorer con la possibilità di intervenire per adattare il Sito Web a tutte o di decidere da quale versione conviene renderlo visibile.
IETester, come da immagine sopra, permette di visualizzare il Sito Web partendo dalla versione 5 e fino alla versione 8 compresa di Microsfot Internet Explorer.
Mentre nell'immagine sotto riportata il codice si visualizza in una finestra a parte.
Mentre nell'immagine sotto riportata il codice si visualizza in una finestra a parte.
Il download di questo software free è su DebugBar .
Di IETester si consiglia di effettuare anche il download free di Telecharger DebugBar .
4) Microsoft Expression Web SuperPreview
Microsoft Expression Web SuperPreview è una applicazione che consente di navigare sul Sito Web con differenti versioni di Microsoft Internet Explorer, più precisamente con la 6 e la 7.
Una delle caratteristiche di Microsoft Expression Web SuperPreview è sicuramente la possibilità di sovrapporre pagine renderizzate con engine diversi per notare le differenze. Strumenti come DOM, CSS, righelli, linee guida, e così via, ci aiutano a capire dove intervenire per rendere il Sito Web compatibile tra le varie versioni.
Microsoft Expression Web SuperPreview, come da immagine sopra, permette di visualizzare il Sito Web nella versione 6 e 7 di Microsoft Internet Explorer.
Mentre nell'immagine sotto, come per Firebug, basta visuallizzare una parte del Sito Web che il codice viene visualizzato nella parte inferiore dell'applicazione.
Mentre nell'immagine sotto, come per Firebug, basta visuallizzare una parte del Sito Web che il codice viene visualizzato nella parte inferiore dell'applicazione.
Il download di questo software è su Microsfot Espression Web SuperPreview .
Per l'utilizzo di Microsoft Expression Web SuperPreview è necessario installare, quindi fare il download, di Microsfot .NET Framework .
Concludendo
Quale usare?
É difficile dare un consiglio, è una scelta soggettiva. Personalmente in fase di sviluppo li uso tutti: ho una buona visione delle eventuali problematiche. In fase di test finale attivo i Browser citati all'inizio di questo articolo per una verifica reale.
Di certo è comunque consigliabile inserire dei Plugin nel Sito Web per evidenziare l'uso di un Browser con una versione vecchia, consigliando l'Utente di aggiornare il Browser all'ultima versione, perché la visualizzazione potrebbe creare problemi. Così come è consigliabile inserire una riga informativa nel Footer (fondo pagina) del Sito Web con riportato da quale versione di Browser il Sito Web è visibile.
Circa L'Autore: Lorenzo Bergamini |
|
 |
Ciao, sono Lorenzo Bergamini e sono un Libero Professionista (freelance) in Italia, specializzato nel Project e Program Management (gestione progetti dal pc al mainframe e Convalida), nell'analisi e sviluppo di programmi (dal pc al mainframe) e nel design e graphics designer di Siti Web, ed altro ancora legato all'I.T. e alla gestione aziendale. Mi occupo anche di scrittura pubblicando racconti. Puoi seguirmi sul mio sito web Lorenzo Bergamini. |
 Concetti Su Gamp Guide
L'applicazione delle norme di qualità, come la convalida, per prodotti alimentari, medicali e biomedicali, quindi per tutti quei prodotti che... Leggi tutto...  I 20 CMS Più Popolari Secondo CMSWire
CMSWire è un portale Web dedicato interamente al mercato dei CMS (Content Management System) Open Source. Ulteriori informazioni: sui C.M.S. alla... Leggi tutto...  L'Evoluzione Di Microsoft Windows Dal 1985 Al 2009
Tutto è iniziato all'Hotel Plaza di New York City il 10 novembre 1983. I due fondatori di Microsoft, Paul Allen e Bill Gates, annunciano... Leggi tutto...  L'Aspetto Di Internet Del 1998 E 2009 Osservando 7 Siti Web
Pochi hanno preso parte come Utenti alla nascita di Internet negli anni '60 e altrettanti di Noi al boom negli anni '90. Boom che ha avuto avvio... Leggi tutto...  Le 5 Migliori Applicazioni Di Analisi Di un Sito Web In Open Source
Il WebMaster e Web Developer per analizzare il traffico di un Sito Web dispongono di vari strumenti. Per alcune di queste applicazioni è sufficiente... Leggi tutto... |
|
Per condividere questo articolo con i Bookmarks clicca su Share o Condividi
|
Per essere sempre aggiornato iscriviti alla BLI.IT RSS FEED |
Per inserire un link di questo articolo sul tuo blog o sito web clicca su Quote this article on your site e ottieni il codice.
|
Per ulteriori dettagli, richieste e consulenze contattaci utilizzando i moduli presenti in Richiesta Informazioni, telefona durante gli orari di ufficio con Skype o al numero +393889328157.
Condividi
Twitter
Myspace
Bookmarks.cc
Digg
Del.icio.us
Reddit
Slashdot
Netscape
Furl
Yahoo
Technorati
Newsvine
Blinkbits
Ma.Gnolia
Smarking
Googlize this
Blinklist
Facebook
Wikio
Diggita
Kipapa.cc
Notizieflash
OKnotizie
Segnalo
Ziczac