Cross Browser Testing (PC)

Un segno sicuro di un layout CSS solido e ben codificato è che viene visualizzato in modo coerente su browser e piattaforme. Uno sguardo alle recenti statistiche globali del browser mostra che, mentre Internet Explorer continua ad essere il browser Web più diffuso in uso generale, la sua base di utenti è suddivisa equamente tra le versioni 6 e 7.

E anche se altri browser come Firefox, Opera e Safari hanno una quota relativamente piccola del mercato dei browser, non sarebbe saggio per qualsiasi web designer o sviluppatore ignorarli quando testano il loro lavoro.

La necessità di testare

Il sito mostrato di seguito, ad esempio, evidenzia la necessità di test approfonditi su più browser. Se visualizzato in Firefox, il sito sembra fantastico; ma quando viene visualizzato in Internet Explorer 6, il sito sembra rotto, a causa della mancanza di supporto di IE6 per la trasparenza alfa PNG (che sembra essere stata soddisfatta nel codice del sito, ma la soluzione scelta non sembra funzionare), e anche a causa di alcuni problemi di posizionamento.

Poiché i test cross-browser per Mac sono già stati trattati in Design Shack, questo articolo si concentrerà sui metodi per i test cross-browser su PC. Un punto di partenza evidente per i test cross-browser è l'installazione di ciascuno dei browser principali; le ultime versioni possono essere scaricate qui sotto:

Internet Explorer

Tuttavia, non è così semplice quando si tratta di testare il tuo lavoro in Internet Explorer 6 e 7. Per impostazione predefinita, Windows eseguirà solo una versione di IE e, sebbene questo ovviamente non sia un grosso problema per l'utente web medio, è più problematico per i web designer e gli sviluppatori che devono assicurarsi che il loro lavoro venga visualizzato correttamente in entrambe le versioni. Un'opzione per superare questo (se si esegue Windows XP) è utilizzare il programma di installazione Multiple IE di TredoSoft. Questo ingegnoso strumento consente a diverse versioni autonome di Internet Explorer di essere eseguite contemporaneamente sullo stesso PC, rendendo il test di versioni multiple molto semplice.

Un'altra opzione, che non prevede l'installazione di alcunché sul PC, consiste nell'utilizzare un servizio di rendering online come IE NetRenderer. Qui inserisci semplicemente l'URL della pagina da testare, seleziona in quale versione di IE vuoi testarlo e NetRenderer esegue il rendering di uno screenshot per te. L'aspetto negativo di questo è che ottieni solo uno screenshot statico, rendendo impossibile testare funzionalità dinamiche come i miglioramenti dell'interfaccia utente AJAX. Inoltre, NetRenderer esegue il rendering solo fino alla "piega", quindi se hai una pagina particolarmente lunga potrebbe non esserti molto utile.

Safari

Nella mia esperienza, l'installazione di Multiple IE è un modo molto più sicuro di testare le pagine Web su più versioni di Internet Explorer su PC. Tuttavia, quando si tratta di test per altri browser su altre piattaforme, come Apple Safari su Mac OS X, l'unico vero modo di testare localmente è acquistare un Mac. Un'alternativa molto più economica (come in quella gratuita) è quella di utilizzare un altro servizio di rendering online; questa volta è BrowsrCamp che esegue il rendering di schermate di pagine Web visualizzate in Safari in esecuzione su Mac OS X.

Mentre ci sono molti altri browser disponibili tra le varie piattaforme, i browser qui trattati sono quelli di uso corrente principale e come tali dovrebbero essere presi in considerazione nella fase di test di ogni web designer e sviluppatore durante la stesura del contenuto web.

© Copyright 2024 | computer06.com