Per gli sviluppatori di siti spesso risulta utile comparare i propri progetti html su diversi browser visto che ognuno risponde in maniera diversa alle varie specifiche w3c.
Il problema è che, se anche si possono installare diversi browser tra Internet Explorer, Firefox e Opera, le difficoltà insorgono quando si devono testare diverse versioni dello stesso browser: per Firefox è più semplice, visto per sua natura è possibile creare varie versioni stand alone sullo stesso sistema operativo.
Per Internet Explorer, invece la questione si fa più ostica perché, di solito, questo sovrascrive le vecchie versioni del browser made in Microsoft. La soluzione più semplice che ho trovato è quella di scaricare le versioni stand alone dei vari Internet Explorer dal sito lambcutlet.org (il bello è che mentre mostra i link per i download di IE, in alto sulla pagina vi è un bel banner che invita a scaricare Firefox!):
- Internet Explorer 6.0 Eolas Edition [3.41 MB]
- Internet Explorer 5.5 SP2 [3.51 MB]
- Internet Explorer 5.01 SP2 [2.93 MB]
- Internet Explorer 4.01 [2.38 MB]
- Internet Explorer 3.0 [909.4 kB]
Ovviamente dovete stare attenti a navigare con versioni datate di Explorer (tipo la 3.0) su altri siti al di fuori del vostro che state testando: oltre a non gestire correttamente i vari stili CSS sarete anche soggetti ai vari bachi (e quindi worm e virus) che nel corso delle varie release sono stati risolti.
Il problema, però, è che a volte non è sufficiente avere diverse versioni dei browser solo su un sistema operativo ma è opportuno visualizzare il proprio sito anche con browser installati su sistemi operativi diversi, come Windows, Linux o Mac OS X. A questo punto le cose si fanno però più complicate!
Solo per Linux, senza considerare le versioni datate, avremmo ben 13 diversi browser da installare (Dillo 0.8, Epiphany 2.14, Firebird 0.7, Firefox 2.0, Flock 0.7, Galeon 2.0, Iceweasel 2.0, Konqueror 3.5, Mozilla 1.7, Navigator 4.8, Opera 9.10, Phoenix 0.5 e SeaMonkey 1.1); per Windows ne avremmo almeno tre (Firefox 2.0 e Internet Explorer 6.0 e 7.0), mentre per Mac solo due (Firefox 2.0 e Safari 2.0, qui è, però, possibile trovare una versione di IE 5.2.3 anche per Mac OS e addirittura per HP-UX).
Con l’emulazione offerta da Vmware la soluzione potrebbe essere a portata di mano ma attualmente installare un sistema Mac è quasi impossibile data l’estrema lentezza nella gestione del sistema operativo. A questo punto, però, rimane fuori dalla nostra analisi Safari: e allora a cosa serve installare 16 versioni diverse di Browser su Windows e su Linux emulato (o viceversa ovviamente) per poi ritrovarsi una analisi parziale se non si prevede anche il browser di default del mondo Mac? Attualmente è lo stesso problema che sto incontrando io: sto sviluppando delle pagine html che fanno uso pesante di javascript (per ajax) e css e ho da poco scoperto che risultano essere quasi illeggibili su Safari!
A questo punto l’unica via d’uscita è quella di utilizzare applicazioni online tipo IE NetRenderer, Browsershots e Browsrcamp.
Tutti questi siti non fanno altro che realizzare uno screenshot di una pagina web come verrebbe visualizzata su un browser specificato. L’unico vincolo che dovete tenere in considerazione è che dovete pubblicare la pagina web che volete testare sul web!
Browsershots
Al momento il più completo di tutti è Browsershots, che, però, non realizza istantaneamente lo screenshot del sito a causa del peso che l’operazione comporta sul server. Ho notato che, molto spesso, durante la prima interrogazione, il server va in timeout.
Ecco la lista dei browser/SO disponibili:
Linux
Dillo 0.8
Epiphany 2.14
Firebird 0.6
Firebird 0.7
Firefox 1.0
Firefox 1.5
Firefox 2.0
Firefox 3.0
Flock 0.7
Galeon 2.0
Iceweasel 2.0
Konqueror 3.5
Mozilla 1.0
Mozilla 1.1
Mozilla 1.2
Mozilla 1.3
Mozilla 1.4
Mozilla 1.5
Mozilla 1.6
Mozilla 1.7
Navigator 4.8
Opera 9.10
Phoenix 0.1
Phoenix 0.2
Phoenix 0.3
Phoenix 0.4
Phoenix 0.5
SeaMonkey 1.0
SeaMonkey 1.1
AllWindows
Firefox 1.5
Firefox 2.0
MSIE 5.0
MSIE 5.5
MSIE 6.0
MSIE 7.0
AllMac
Firefox 2.0
Safari 2.0
Inoltre è possibile scegliere tra le seguenti risoluzioni video:
Tiny (640×480)
Small (800×600)
Medium (1024×768)
Large (1280×1024)
Huge (1600×1200)
Infine è possibile scegliere quale versione di Javascript abilitare (1.3, 1.4, 1.5 o 1.6), quale versione di Macromedia Flash supportare (Versione 4, 5, 6, 7, 8), quale profondità dei colori attivare (4 bit, 8 bit, 16 bits e 24 bit), che versione di Java abilitare (Blackdown, Kaffe, Sun Java) e quali Media plugins avere (Apple Quicktime, Windows Media Player, SVG e PDF).
Purtroppo il tempo di attesa può variare da 15 minuti sino ad un massimo di 4 ore ma penso che per avere tutte queste informazioni ne vale la pena!
Browsrcamp
BrowsrCamp è un servizio meno completo del precedente e permette di testare gratuitamente la propria pagina web solo sul browser per MacOSX Safari 2.0.4 ma a diverse risoluzioni (width a 800, 832, 1024, 1280, 1600); per tutti gli altri è prevista una versione a pagamento.
Anche se il sito offre molto di meno Browsershots, per me risulta l’ideale dato che su Windows dispongo già di Firefox e Internet Explorer e con Browsrcamp riesco ad ottenere senza tempi di attesa lo screenshot della mia pagina web vista da Safari 2.0.4.
Inoltre, lo screenshot viene effettuato ad un ottima risoluzione e non è limitato alla sola pagina web visibile alla risoluzione scelta, ma è completa visualizzando anche la parte nascosta del browser visibile solo scrollando la barra verticale. Qui potete vedere un esempio del mio sito visibile su Safari.
IE Netrender
IE Netrender è un servizio analogo ai due precedenti ma si focalizza esclusivamente su Explorer 5.5, 6 e 7. Una caratteristica davvero originale è quella che permette di confrontare, nello stesso screenshot, le differenze di resa tra IE6 e IE7 (IE7-IE6 Mixed e IE7-IE6 Difference).
Anche se è molto veloce IE Netrender ha un grosso svantaggio: lo screenshot visualizza solo il sito alla risoluzione 800×600 e non visualizza tutto il sito nella sua interezza ma si ferma alla prima schermata del browser.
In definitiva questo servizio è utile solo per appurare visivamente le differenze IE7-IE6.
UPDATE: Esiste da poco anche CSSVista un software freeware per Windows Xp, che vi permetterà di vedere contemporaneamente la visuale dei css sia in Firefox che in Internet Explorer 6. Per i più indecisi è possibile anche anche una demo video di CSSVista, mentre qui è possibile scaricarlo.
Commenti Recenti