Come appare il tuo sito web quando viene visualizzato con un altro browser, sistema operativo, o con una diversa risoluzione dello schermo? Lo sapevi che il layout, i margini, i caratteri visualizzati e le altre caratteristiche visive del tuo sito web possono cambiare drasticamente quando vengono visualizzate con un browser, sistema operativo, o risoluzione dello schermo diversi rispetto a quelli che hai sul tuo computer?

Photo credit: tombaky

Mentre ti impegni a rendere l'aspetto del tuo sito web più credibile, attendibile e "professionale", ti potresti chiedere qual è il modo migliore per fare questi test di compatibilità multi browser, oltre a installare diversi browser, di avere svariati PC e Mac e di cambiare le impostazioni del tuo monitor centinaia di volte.

E infatti esiste un modo migliore: gli strumenti per testare la compatibilità multi browser sono dei servizi web che puoi utilizzare per provare, controllare e verificare come viene visualizzata ogni pagina del tuo sito web su diversi computer / browser / sistemi operativi / risoluzioni dello schermo.

In questa guida di MasterNewMedia, puoi trovare i migliori strumenti e servizi per controllare come gli altri visualizzano realmente il tuo sito web.

Quando si tratta di testare la compatibilità multi browser, ci sono almeno tre fattori principali che possono incidere nel modo in cui gli altri vedono il tuo sito web nel loro computer:

1. Browser Web: il tipo di browser utilizzato dai tuoi visitatori (Firefox, Internet Explorer, Safari, ecc..) e la versione precisa con cui l'hanno installato (Internet Explorer 6 è molto diverso da Internet Explorer 7).
2. Sistema operativo: il sistema operativo (Mac, Windows, Linux) che i tuoi visitatori hanno installato nelle loro macchine (Firefox su Mac renderizza in modo diverso le pagine rispetto a Firefox su Windows).
3. Risoluzione dello schermo: la risoluzione dello schermo (800x600, 1024x768, 1280x800, ecc.) che i tuoi visitatori hanno impostato nei loro monitor.

Semplicemente mescolando le alternative disponibili con queste tre variabili basilari, potresti riuscire a capire quante possibili configurazioni diverse potrebbero avere i tuoi visitatori.

Ma come puoi testare una tale varietà di combinazioni possibili? Devi installare tutti i browser e i sistemi operativi disponibili e quindi eseguire un test per ogni risoluzione supportata dal tuo monitor?

Assolutamente no. Il solo numero di combinazioni necessarie per il test va oltre l'immaginabile: 15 impostazioni di base da testare ad almeno tre diverse risoluzioni sono abbastanza inquietanti per diventare il vostro incubo peggiore.

Per fortuna, questo problema viene risolto dagli strumenti per il test della compatibilità multi browser. Si tratta di alcuni strumenti (gratuiti o a basso costo) che possono essere utilizzati per verificare la compatibilità del vostro sito tra i diversi browser, sistemi operativi e risoluzioni dello schermo.

Come funzionano questi servizi?

Gli strumenti per il test di compatibilità multi browser in genere funzionano tutti allo stesso modo. Devi fornire l'URL della pagina web che vuoi controllare e quindi selezionare i sistemi operativi, i browser web, e le specifiche risoluzioni dello schermo in cui vuoi verificare la tua pagina.

Lo strumento per il test di compatibilità multi browser che avrai scelto genererà uno screenshot della pagina fornita, e visualizzata su un computer virtuale creato in base alle tue impostazioni specificate (sistema operativo, tipo di browser web, versione, ecc..). In questo modo, puoi immediatamente valutare quali sono i problemi di layout più importanti da risolvere.

Di seguito ci sono delle tabelle comparative e delle mini recensioni che ti aiuteranno a valutare tutti questi servizi di verifica della compatibilità multi browser. Ecco i criteri di selezione utilizzati per confrontarli:

• Sistema operativo supportato: il sistema operativo che puoi utilizzare per testare le pagine web del tuo sito (ad esempio: Mac, Windows XP / Vista, Linux, ecc.).
• Browser web supportato: il nome e la versioni disponibili del browser web che puoi utilizzare per il test di compatibilità. (Firefox, IE, Safari, Chrome, ecc.).
• Test della risoluzione dello schermo: Le risoluzioni dello schermo che puoi utilizzare per controllare il layout del tuo sito su differenti impostazioni del monitor (800x600, 1024x768, 1280x900, ecc.).
• Caratteristiche esclusive: Caratteristiche chiave che contraddistinguono ogni strumento per il test della compatibilità multi browser.
• Prova gratuita: Periodo di valutazione offerto per provare lo strumento di test della compatibilità multi browser.
• Prezzo: Costo dello strumento per il test della compatibilità multi browser.

Strumenti Per il Test della Compatibilità Browser - Tabelle Comparative

Strumenti Per il Test della Compatibilità Browser

1. Browsercam
   
   
   

   Browsercam è uno strumento per il test della compatibilità multi browser che ti permette di controllare il modo in cui il tuo sito web è visualizzato utilizzando diversi browser e sistemi operativi. Il servizio funziona su tutti i principali browser web in esecuzione su Windows, OS X, e Linux Fedora Core 6. Sono inoltre supportati i browser minori come Konqueror, Camino o Netscape. E' consentito testare diverse risoluzioni dello schermo (640x480, 800x600, 1024x768 e 1280x800). Browsercam può inoltre testare la visualizzazione delle tue pagine sui sistemi operativi mobili come Os X Mobile, Android e Windows Mobile. Browsercam ha un prezzo di 19,95 dollari per un giorno di utilizzo, ma se hai bisogno di utilizzare il servizio per un tempo più lungo ci sono anche delle fasce di prezzo supplementari. Si può provare gratuitamente per 24 ore con 200 screenshot dello schermo disponibili.

   
   http://www.browsercam.com/
   

    

   
   
   
2. BrowserShots
   
   
   
   BrowserShots è una soluzione gratuita per testare la compatibilità del tuo sito su diversi browser, sistemi operativi e risoluzioni dello schermo. Con BrowserShots puoi testare il tuo sito web su quasi tutti i browser e sistemi operativi presenti sul mercato (vedi la tabella comparativa per i dettagli). Puoi inoltre verificare il layout del tuo sito per tutte le principali risoluzioni dello schermo (640x480, 800x600, 1024x768, 1280x800). La sua caratteristica esclusiva è la possibilità di testare anche la profondità di colore, e codice Javascript, Flash e Java presenti sul vostro sito web, per vedere come questi parametri possono influenzare il modo in cui le pagine vengono visualizzate.

   
   http://browsershots.org/
   

    

   
   
   
3. Litmus
   
   
   
   Litmus è uno strumento per testare la compatibilità multi browser che ti permette di confrontare il rendering del tuo sito web su diversi browser e sistemi operativi. Sono supportati tutti i principali browser disponibili per Windows e OS X. Come caratteristica esclusiva, il servizio permette di verificare il layout della tua newsletter on-line per vedere come viene visualizzata in tutti i principali client di posta elettronica. Litmus non offre un periodo di prova gratuito, né la possibilità di testare il tuo sito a diverse risoluzioni dello schermo. Litmus ha un prezzo di 39 dollari per 14 giorni di utilizzo. Il servizio è anche disponibile in una versione base (gratuita) che ti permette di eseguire i test di compatibilità per Internet Explorer 7 e Firefox 2 con screenshot dello schermo disponibili.

   
   http://litmusapp.com/
   

    

   
   
   
4. BrowsrCamp
   
   
   
   BrowsrCamp è uno strumento per il test della compatibilità multi browser progettato per i browser web Os X. BrowsrCamp può testare tutti i principali browser web per Mac e anche quelli meno noti come Alba, Demetra o iCab. Il servizio può testare le diverse risoluzioni dello schermo fino a 1600x1200. BrowsrCamp ha un prezzo di 3 dollari per due giorni di utilizzo, e offre prezzi maggiori per periodi di prova più lunghi. Il test gratuito è disponibile solo per Safari versione 3.12.

   
   http://www.browsrcamp.com
   

    

   
   
   
5. Adobe BrowserLab
   
   
   
   Adobe BrowserLab è uno strumento gratuito per il test della compatibilità cross browser che ti permette di fare un confronto fianco a fianco di come il vostro sito web viene visualizzato sui diversi browser e sistemi operativi. Ancora in una fase beta, il servizio funziona con Internet Explorer, Firefox, Safari e Chrome su Windows e OS X. Non è supportato il test delle nelle diverse risoluzioni dello schermo.

   
   http://browserlab.adobe.com

   
   
   
   
   
   
   
   

6. Ie NetRenderer
   
   
   
   IE NetRenderer è un servizio gratuito per il test della compatibilità multi browser che puoi utilizzare per valutare come il tuo sito web viene visualizzato nelle diverse versioni di Internet Explorer (dalla 5.5 alla 8). Non è consentito il test nelle diverse risoluzioni dello schermo. La caratteristica esclusiva di IE NetRenderer è la possibilità di confrontare immediatamente tutte le differenze di visualizzazione del tuo sito web tra Internet Explorer 6 e 7.

   
   http://ipinfo.info/netrenderer

   
   
   
   
   
   
   
   

7. Multi-Safari
   
   
   
   Multi-Safari è uno strumento gratuito per testare la compatibilità multi browser, che ti permette di verificare la visualizzazione del vostro sito web utilizzando differenti versioni di Safari, il browser predefinito di OS X. Puoi testare Safari dalla versione 10.2 di Os X fino alla 10.5. Multi-Safari non ti permette di testare differenti risoluzioni dello schermo. Il servizio è disponibile sia in inglese che in francese.

   
   http://michelf.com/projects/multi-safari

   
   
   
   
   
   
   
   

8. CrossBrowserTesting
   
   
   
   CrossBrowserTesting ti permette di testare la compatibilità del tuo sito web su una vasta gamma di browser web, inclusi Internet Explorer, Safari, Firefox, Opera, Camino e altri. I sistemi operativi disponibili per i test sono Windows, OS X 10.5 e Ubuntu Linux 7.10. Inoltre CrossBrowserTesting offre la possibilità di testare sulle diverse risoluzioni dello schermo, come 800x600, 1024x768, 1280x1024, 1600x1200. Le caratteristiche esclusive di questo servizio sono la possibilità di testare Javascript e Ajax nelle tue pagine, e anche l'integrazione di un client di controllo remoto per eseguire test da qualsiasi browser utilizzando l'indirizzo IP della tua macchina. Il prezzo parte da 19,95 dollari per 150 minuti di utilizzo. Inoltre, è possibile testare il servizio per un periodo di prova gratuito di 7 giorni.

   
   http://crossbrowsertesting.com

   
   
   
   
   
   
   
   

9. Browser Photo
   
   
   
   Browser Photo è una soluzione per testare la compatibilità multi browser che verifica il tuo sito web su diversi browser e sistemi operativi. Browser Photo funziona con tutti i principali browser sul mercato (Internet Explorer, Firefox, Safari, Opera) su Windows, OS X e Linux. Il servizio può anche testare il tuo sito web su due diverse risoluzioni dello schermo: 800x600 e 1024x768. Browser Photo ha un prezzo di 15 dollari per un unico utilizzo. Non è previsto un periodo di prova gratuito.

   
   http://www.netmechanic.com/products/browser-index.shtml

   
   
   
   
   
   
   
   

10. Multi-Browser Viewer
    
    
    
    Multi-Browser Viewer è uno strumento per il test cross browser, che ti permette di verificare la compatibilità del tuo sito web su diversi browser e sistemi operativi. Questo strumento può testare tutti i principali browser web disponibili nei tre principali sistemi operativi (Windows, OS X e Ubuntu Linux), e anche i browser web meno noti, come Epiphany, Konqueror o SeaMonkey. Non supporta il test per le diverse risoluzioni dello schermo. Inoltre, Multi-Browser Viewer consente di validare e di auto correggere il codice HTML del tuo sito web per risolvere i problemi di compatibilità. Multi-Browser Viewer ha un prezzo di 24,95 dollari per un unico utilizzo. E' possibile testare il servizio per un periodo di prova gratuito di 14 giorni.

    
    http://www.multibrowserviewer.com

    
    
    
    
    
    
    
    

11. BrowserSeal
    
    
    
    BrowserSeal è uno strumento per il test della compatibilità multi browser che puoi utilizzare per scoprire qualsiasi problema di compatibilità del tuo sito web nei principali browser web (Internet Explorer, Firefox e Safari) su Windows. Non è supportato il test con diverse risoluzioni dello schermo. BrowserSeal ha un prezzo di 28 dollari per un unico utilizzo, ed è possibile testare il servizio gratuitamente su Firefox con tre screenshot dello schermo.

    
    http://browserseal.com