Esistono degli strumenti per verificare la compatibilità di un sito web con diversi tipi di browser, sistemi operativi o risoluzioni dello schermo che sono davvero poco noti al pubblico ma che i webmaster professionisti conoscono bene. Sono andato a scoprire di cosa si tratta.

Photo credit: BrowserCam modificata da Daniele Bazzano

Come probabilmente sai già, non puoi dare per scontato che il tuo sito web venga visualizzato bene anche quando un utente utilizza un computer e un sistema operativo diversi dal tuo. In realtà, ci sono almeno tre questioni principali che influenzano il modo in cui le tue pagine web vengono visualizzate sugli schermi delle altre persone:

• Il browser (Firefox, Internet Explorer, Safari, etc) e la specifica versione utilizzata dai tuoi lettori.
• Il sistema operativo (Mac, Windows, Linux) che i tuoi lettori hanno installato sulle loro macchine.
• La risoluzione dello schermo che i tuoi lettori hanno impostato sui loro monitor.

Questo significa che, una pagina visualizzata con Firefox 2 su una macchina Windows molto probabilmente non apparirà nello stesso modo quando viene aperta con Firefox 3 su un Mac. Questo è il motivo per cui, se sei un editore online, devi trovare il modo di essere sempre sicuro che il tuo sito web sia compatibile su diversi browser e sistemi operativi e con diverse risoluzioni.

Ma come si può testare una così ampia varietà di combinazioni possibili? Installare tutti i browser e tutti i sistemi operativi disponibili là fuori, e poi provare le pagine web per ciascuna delle diverse risoluzioni dello schermo dei monitor?

Se ci tieni alla tua salute allora ti consiglio di non tentare questa strada. Il numero delle possibili combinazioni che devi provare è pauroso: 15 configurazioni di base che devono essere testate almeno con tre diverse risoluzioni. Insomma un incubo!

In questa guida, ho personalmente raccolto i migliori strumenti per verificare in maniera rapida la compatibilità di un sito web su diversi sistemi operativi, browser e risoluzioni.

Gli strumenti cross-platform per testare i browser generalmente lavorano tutti allo stesso modo. Tu fornisci l'URL della pagina web che vuoi testare e poi selezioni il sistema operativo, il browser e (quando disponibile) la risoluzione dello schermo.

Il servizio per testare la compatibilità del browser che sceglierai di utilizzare procederà fornendoti uno screenshot della pagina web a seconda delle specifiche che hai scelto (sistema operativo, modello e versione del browser, etc) in modo che tu possa immediatamente valutare se ci sono dei problemi nel codice HTML della pagine che devono essere affrontati con una certa urgenza.

Qui di seguito trovi la lista completa di tutti i servizi per verificare la compatibilità di un sito su diversi browser che ho trovato in rete, oltre che una serie di criteri di base che ho utilizzato per confrontarli:

• Prezzo: Il servizio è gratuito o richiede il pagamento di una tariffa per essere utilizzato.
• Prova gratuita: Molti servizi consentono un periodo di prova gratuito. Scopri chi lo offre.
• Browser: Quali browser (e versioni) sono supportati dal servizio.
• OS: Indica quale sistema operativo è supportato dal test di compatibilità.
• Risoluzione dello schermo: specifica se è possibile testare la tua pagina web con varie risoluzioni.
• Caratteristiche uniche: Scopri la funzionalità chiave che rende unico il servizio.

Per rendere la tua analisi e la tua selezione più efficaci di seguito trovi anche una tabella comparativa che mostra tutte le caratteristiche dei servizi disponibili e più sotto trovi anche una mini-recensione di ogni singolo strumento.

Ecco tutti i dettagli:

Introduzione di Daniele Bazzano

I Migliori Strumenti Per Verificare la Compatibilità di un Sito su Diverse Piattaforme, Browser e Risoluzioni

1. BrowserCam

   

   BrowserCam ti permette di testare il tuo sito web con diversi browser e sistemi operativi. Il servizio lavora con qualsiasi browser possa girare su sistemi operativi Windows, Mac e Linux Fedora Core 9. E' anche possibile testare le pagine con diverse risoluzioni dello schermo. Una caratteristica unica di BrowserCam è la possibilità di testare come vengono visualizzate le tue pagine sui Blackberry e su tutti gli smart phone che utilizzano il sistema operativo Windows Mobile 5.0. BrowserCam costa $19,95 al giorno ma se pensi di doverlo utilizzare a lungo sappi che ci sono diverse soluzioni di pagamento. Offre una prova gratuita di 24 ore o un massimo di 200 screenshot.
   http://www.browsercam.com/






2. Browsershots

   

   Browsershots è forse la migliore soluzione per testare la compatibilità del tuo sito con diversi browser, sistemi operativi e risoluzioni dello schermo. Browsershots confronta il layout del tuo sito web su ogni tipo di browser e di sistema operativo disponibili sul mercato. Puoi anche testare il tuo layout con diverse risoluzioni dello schermo. Una caratteristica unica è la possibilità di testare i colori così come i codici Javascript, Flash e Java, in modo da poter impostare in maniera esatta tutti i parametri che possono influenzare la corretta visualizzazione del tuo sito.
   http://browsershots.org/






3. Litmus

   

   Litmus è un servizio web che ti permette di confrontare la visualizzazione del tuo sito web su diversi browser e sistemi operativi. Se decidi di utilizzare la versione gratuita potrai lanciare dei test solo su IE7 e Firefox 2. Se invece scegli di acquistare una delle licenze allora potrai avere accesso a tutte le scelte possibili in termini di browser e sistemi operativi. Litmus non offre ne la possibilità di effettuare una prova gratuita e ne la possibilità di testare il sito web con diverse risoluzioni. La caratteristica unica di questo strumento è la funzione che ti permette di testare anche il layout della tua newsletter (solo se ottimizzate per MS Office 2003 e Gmail).
   http://litmusapp.com/






4. CrossBrowserTesting

   

   CrossBrowserTesting ti permette di testare la compatibilità del tuo sito web su un gran numero di browser tra cui IE, Safari, Firefox, Opera e Camino. I sistemi operativi disponibili per il test sono Microsfot Windows, Mac OSX 10.5, e Ubuntu 7.10. BrowserTesting non offre l'opzione di testare il sito con diverse risoluzioni, ma permette invece di testare i codici Javascript e Ajax. BrowserTesting costa $1 per cinque minuti di test senza limitazioni. Puoi anche effettuare una prova gratuita di cinque minuti.
   http://www.crossbrowsertesting.com/






5. Browser Photo

   

   Browser Photo è una soluzione web-based che cattura gli screenshot del tuo sito web mostrandoti come viene visualizzato su diversi tipi di browser e sistemi operativi in modo che tu possa effettuare dei test di compatibilità. Il servizio funziona con i principali browser disponibili sul mercato (IE, Firefox, Safari, Opera) e con tutti i sistemi operativi, inoltre ti permette anche di testare il sito con diverse risoluzioni dello schermo. Non è disponibile il periodo di prova gratuito e i prezzi sono di $15 per ogni utilizzo, anche se offre diversi piani tariffari.
   http://www.netmechanic.com/products/browser-index.shtml






6. BrowsrCamp

   

   BrowsrCamp è un servizio web che ti permette di testare la compatibilità del tuo sito con diversi browser, ma solo su sistema operativo Mac. Inoltre BrowsrCamp ti permette anche di cambiare la risoluzione dello schermo. Il prezzo base è di $3 ogni due giorni di utilizzo, ma sono disponibili anche altre soluzioni a pagamento. E' possibile testare gratuitamente una pagina web solo con Safari 3.12.
   http://www.browsrcamp.com/






7. IE NetRenderer

   

   IE NetRenderer è un servizio web gratuito che ti permette di confrontare come viene visualizzato il tuo sito web su differenti versioni di Internet Explorer (dalla 5.5 alla 8 beta2). Non è possibile confrontare le varie risoluzioni dello schermo. Una caratteristica unica e davvero utile di IE NetRenderer è quella che ti permette di confrontare ad un primo colpo d'occhio le eventuali differenze nel modo in cui viene visualizzata la pagina web con IE6 e con IE7.
   http://ipinfo.info/netrenderer/






8. Multi-Safari

   

   Multi-Safari è un servizio gratuito che ti permette di testare il modo in cui il tuo sito viene visualizzato sulle differenti versioni di Safari. Il servizio è stato appositamente progettato per trovare tutte le differenze presenti in un sito visualizzato con una versione vecchia o nuova di Safari. Multi-Safari non permette di testare il sito con diverse risoluzioni dello schermo.
   http://michelf.com/projects/multi-safari/



Se sei a conoscenza di altri strumenti per testare la compatibilità di un sito web con diversi browser e pensi che valga la pena aggiungerli a questa lista, allora non esitare a lasciare un commento nel form qui sotto.