Risorse per il crossbrowsing testing *UPDATE*

Diciamo che avete appena terminato di realizzare il vostro sito e non vedete l’ora di metterlo online per far ammirare a tutto il mondo il vostro capolavoro. Distrattamente però durante la fase di realizzazione avete controllato il comportamento di tutte le funzionalità del vostro sito solamente con un solo browser… certo lo so che avete rispettato il w3c ma mi dispiace dirvelo non tutti i browser si comportano in modo identico di fronte a un dato css o codice js e peggio ancora quando si tratta di browser datati che implementano le varie funzionalità in modo totalmente fuori standard! Come non parlare dopo delle risoluzioni degli schermi che spesso danno molti problemi? (anche se in maniera minore dato che di solito un sito ben strutturato rimane comunque accessibile con qualche piccola sbavatura estetica… ad esempio le barre di scorrimento orizzontale).
L’unica soluzione resta il debugging forzato sui browser più utilizzati (o dei browser utilizzati dalla nostra utenza). Ma come fare? La prima soluzione che ci viene in mente è installarci tutti i browser e controllare…. ma ci ce ne sono moltissimi contando le varie versioni e la strana propensione degli utenti vuoi per pigrizia o per ignoranza di utilizzare programmi piuttosto datati. Volete veramente sporcare il vostro sistema con tutti quei browser?
Per fortuna però ci vengono in aiuto le risorse messe a disposizione su internet! Voglio consigliarvi perciò alcuni siti e programmi utili in questo frangente

SITI
Esistono diversi siti che riescono a darci un prospetto di come il nostro sito verrà visualizzato dai diversi browser in circolazione, alcuni fornendoci semplicemente degli screenshot altri dandoci la possibilità effettiva di simulare un browser e navigare all’interno del sito:
Browsershots: E’ forse il miglior servizio… ci offre la possibilità di controllare il rendering tramite screenshots del nostro sito su quasi 100 diversi browser (considerando le diverse versioni) e ben 4 sistemi operativi differenti. L’unica pecca è che il sistema è molto lento in quanto si viene inseriti in una coda di elaborazione che può durare anche molto e la nostra richiesta scade molto presto se non viene “rinfrescata”. Tutto questo può essere evitato acquistando un account premium.

IE NetRenderer: Permette di controllare il rendering del proprio sito mediante screenshots su 4 differenti versioni di IE dalla 5.5 alla 8.0 . Il suo pregio è che è molto veloce nella fase di elaborazione. Ottimo per chi sviluppa siti su Linux e vuole controllarne la fruibilità anche sul browser di casa microsoft.

BrowserCam: Servizio molto simile a browsershots con l’unica differenza che permette anche di esplorare in modo interattivo i propri siti e controlare quindi anche codice dhtml, javscript etc. L’unica pecca è che purtroppo è pienamente a pagamento anche se ci si può iscrivere per una prova gratuita di 24 ore.

PROGRAMMI
Questi programmi permettono di testare i propri siti per con i diversi browser:

IEtester: Fantastico programma dall’interfaccia molto accattivante che ci permette di visualizzare il nostro sito su le versioni di IE che vanno dalla 5.5 alla 8.0.

Multiple IE: Installa diverse versioni di IE (dalla 3.0 alla 6.0) sul vostro sistema tutte in un colpo e permette di disinstallarle con estrema facilità tutte insieme…. Le versioni vengono eseguite in maniera stand alone e non dovrebbero intaccare il vostro sistema. Purtroppo non sono riuscito a farlo funzionare correttamente sulla mia installazione di windows Vista ma su windows XP non dovrebbero esserci problemi aspettando che (forse) tale bug venga risolto.

IE7 Standalone Launch Program: Questo programma permette di installare una versione di IE 7 standalone che convive perfettamente con un’altra installazione di IE permettendo di testare i temi.

IES4Linux: Permette di avere IE su la vostra Linux Box sfruttando wine. Non è nient’altro che uno script preparato per emulare il tutto tramite il già citato wine. Utile per chi sviluppa su Linux. ATTENZIONE: negli ultimi giorni google mi segnala il sito come malevolo…. non so da cosa dipende comunque sia vi consiglio di aspettare prima di provare il software o di scaricarlo da qualche altra parte.

P.S

In ultimo voglio anche suggerirvi un’estensione utile per firefox e cioè IETAB. Ci permette di aprire delle schede in firefox utilizzando però per la visione dei siti su queste particolari schede il motore di ie in modo da poter testare il rendering di ie sui nostri siti rimanendo su firefox.

Aggiornamento: Ora anche adobe mette a servizio di noi web master un pratico tool per testare i nostri siti sui vari browser, si chiama Browserlab e lo potete trovare qui. Ci permette di visalizzare degli screenshot (scaricabili anche in jpg) della resa grafica del nostro browser su chrome 3.0, tutte le versioni fi firefox, ie dalla 6 alla 8 e safari 3.0-4.0. E’ utilizzabile gratuitamente previo ottenimento di un account adobe creabile tramie questo link.