Come testare il sito web con diversi browser

Uno dei problemi più comuni e difficili che un web designer deve affrontare è la compatibilità del proprio sito con i più diffusi browser, ciascuno dei quali può interpretare il codice di una pagina web in modo diverso.
Questo comporta che un tema che avete realizzato e testato in Internet Explorer venga visualizzato in modo non corretto da Firefox o da Opera.

Il modo più comodo per effettuare un confronto visivo di come diversi browser rendono una pagina web è utilizzare i servizi forniti dai seguenti siti.

1. Browsershots (http://www.browsershots.org/)

Per ciascun indirizzo web inserito mostra degli screenshot di come il sito appare nei browser che avete selezionato.
La scelta è ampia, e potete selezionare anche il sistema operativo in cui il browser è installato.
Il tempo di attesa varia in base al numero di test che avete richiesto, ma è possibile ottenere la priorità su altri utenti con la versione a pagamento.

2. IE NetRenderer (http://meineipadresse.de/netrenderer/index.php)

Il servizio migliore per testare un sito nelle diverse versioni di Internet Explorer.
Una volta che avete inserito l’indirizzo del sito ed il browser desiderato, lo screenshot è messo a disposizione dopo pochi secondi.

3. BrowserCamp (http://www.browsrcamp.com/)

Vi consente di testare il sito con i browser di Mac OS X, lasciandovi la possibilità di scegliere la dimensione e la qualità dello screenshot.

4. iPhoney (http://www.marketcircle.com/iphoney/)

A differenza degli altri servizi, utilizzabili tutti on line, iPhoney vi richiede di scaricare ed installare un software.
Una volta avviato, potete testare il comportamento del sito come se venisse visualizzato in un iPhone.

L'autore ms:

Geek per natura, tra i suoi interessi ci sono tecnologia, ambiente e fotografia. È stato definito "dinosauro nell'era digitale" perchè non ha una pagina su Facebook. Preferisce scrivere sui blog, tra cui quello personale all'indirizzo www.marcoscan.com