Come testare un sito Web su diversi browser

Ci sono molti browser web ampiamente utilizzati, tra cui Internet Explorer, Firefox, Chrome, Safari e Opera. E ci sono decine di browser mobili disponibili, con più in fase di sviluppo come ogni nuovo dispositivo arriva sugli scaffali. Ma non tutti i browser e le versioni di tali browser funzionano allo stesso modo. Il sito Web di un commerciante potrebbe non apparire o funzionare in modo identico su ciascuno di essi, il che può portare a perdite di entrate.

Per fortuna, ci sono molti strumenti di test di compatibilità del browser sul web. Alcuni di questi sono gratuiti, come i colpi del browser, e alcuni costano denaro, come Gomez.com, Sauce Labs, PowerMapper o Perfecto Mobile.

Questi strumenti sono in grado di testare velocità e funzionalità tra sistemi operativi e aree geografiche, a livelli di traffico elevati e bassi. Daremo un’occhiata a BrowserShots Test di compatibilità del browser, Gomez.com Test di compatibilità cross-browser, PowerMapper.com Test di SortSite e PerfectoMobile.com Portatile Nube di prova.

BrowserShots Cross-Browser Test

La soluzione gratuita cross-browser di BrowserShots prova circa 80 versioni di browser ampiamente utilizzati. BrowserShots è un semplice strumento che permette ai commercianti di vedere gli screenshot di una determinata pagina web in diversi sistemi operativi (OS) tra cui Linux, Windows, Mac e open-source Berkeley Software Distribution (BSD). Tutti i principali browser sono disponibili, con la (principale) eccezione di Internet Explorer (IE). Tuttavia, IE è testabile nel Gomez.com prova qui sotto.

BrowserShots.home page dell’organizzazione.

1. Quando vai per la prima volta a BrowserShots.org, Lei vedrà quasi tutti i browser disponibili sono preselezionati. Se si desidera testare tutti i sistemi operativi disponibili e le versioni del browser, è sufficiente inserire l’URL del sito Web nel campo aperto e fare clic su ” Invia.”
   

   Browser Shots risultati dei test di tutti i browser su tutti i sistemi operativi.

2. Se vuoi essere più specifico sul tuo test, fai semplicemente clic sul pulsante “Nessuno” nella parte inferiore della pagina Web e cancella tutte le caselle di controllo. Quindi, seleziona ogni casella per ciascun browser per ciascun sistema operativo che desideri testare.
3. Il test può richiedere da 3 minuti a 2 ore, a seconda della quantità di browser selezionati. È possibile contrassegnare la pagina e tornare in qualsiasi momento per vedere come i test stanno procedendo.
4. I commercianti possono anche impostare le dimensioni dello schermo, la profondità del colore, abilitare o disabilitare il codice, o eseguire una versione specifica del codice.
5. Al termine di ogni test del browser, apparirà uno screenshot nella tua “coda” sulla pagina Web di BrowserShots. Fare clic su qualsiasi miniatura e vedere un grande screenshot della tua pagina web in esecuzione su vari sistemi operativi e abbinamenti del browser.

L’aspetto negativo dell’utilizzo di BrowserShots è il lasso di tempo predefinito della coda di 30 minuti. Una volta che un test del browser è iniziato, un orologio di 30 minuti conta alla rovescia. Allo scadere del tempo, la coda scade e il test viene scartato. Il tempo può essere esteso continuamente facendo clic sul pulsante “Estendi”, ma deve essere cliccato manualmente.

BrowserShots.org Pulsante “Estendi”.

Gomez Cross-Browser Test di compatibilità

Gomez.com offre una serie di strumenti che chiama “Instant Test Center” con test tra cui, compatibilità cross-browser, prestazioni multi-browser e una serie di test di velocità. Sebbene il centro di test sia chiamato “istantaneo”, in realtà i risultati possono richiedere fino a 24 ore per ricevere. In questo caso, i risultati del test sono generalmente tornati entro un’ora dall’inserimento dell’URL.

Gomez.com Centro di prova.

Useremo Gomez.com Test di compatibilità cross-browser gratuito per questo esempio, utilizzando l’URL di e-commerce pratico come soggetto di prova. Il test fornirà screenshot su come appare il sito Web utilizzando Windows 7, Vista, XP e Mac OS X 10.4 su quattro dei principali browser web: Internet Explorer, Firefox, Safari e Chrome.

1. Inizia il test andando al Gomez.com Centro di test istantaneo nella parte superiore del menu a discesa “Risorse”. Oppure copia e supera questo URL per accedere direttamente: http://www.gomez.com/resources/instant-test-center.
2. Successivamente, troverai sei test che possono essere eseguiti gratuitamente. Per questo esempio, useremo il test di compatibilità cross-browser. Fai clic sul link “Fai un test gratuito ora” sotto la miniatura del test.
3. Basta compilare le informazioni richieste nel modulo di prova sulla destra dello schermo e fare clic su ” Invia.”Riceverai un’e-mail da Gomez entro 24 ore con accesso ai risultati del test.
4. Quando l’e-mail viene ricevuta, fare clic sul collegamento “Visualizza risultati”. I risultati del test verranno visualizzati nel browser a Gomez.com, fare clic sulle miniature per vedere un grande screenshot di come il tuo sito web appare su quattro diversi sistemi operativi che eseguono quattro diversi browser.

Gomez.com Risultati dei test cross-Browser.

PowerMapper SortSite Test

Questo semplice test funziona in modo molto simile al test del browser desktop, ma fornisce dati molto più utili di uno screenshot. Il test” SortSite ” controlla l’accessibilità, i collegamenti interrotti, la compatibilità del codice del browser, l’ottimizzazione dei motori di ricerca e altri problemi di usabilità su dieci pagine di un determinato sito web. Al termine del test, viene generato un report con grafici dei problemi rilevati durante il test.

PowerMapper.com Pagina di prova SortSite.

1. Per iniziare, basta andare a PowerMapper.com e trova l’intestazione “Prodotti”. Vedrete due strumenti “PowerMapper e” SortSite.”Per questo esempio, useremo SortSite. Fare clic sul pulsante “SortSite”. Dalla pagina SortSite, puoi testare rapidamente il tuo sito web con la versione di prova online, scaricare una prova gratuita di 30 giorni o acquistare la versione completa. Esamineremo il test gratuito di SortSite online.
2. Fai clic sul pulsante “Prova SortSite online” sulla destra dello schermo e inserisci un URL del sito Web e un indirizzo email nei campi aperti. I risultati verranno visualizzati nel browser e il rapporto sarà anche inviato via email a voi.
3. La prova gratuita darà una buona idea di quali problemi un sito web può avere, con ulteriori dati disponibili dall’acquisto della versione completa.

Grafico dei risultati dei test PowerMapper.

Perfecto Mobile Handset Test

Perfecto Mobile è un servizio di test che consente ai commercianti di testare un sito web per la compatibilità mobile su centinaia di dispositivi mobili reali. I commercianti possono anche testare in diverse località geografiche, tra cui Stati Uniti, Regno Unito, Canada, Francia e Israele.

PerfectoMobile.com pagina iniziale.

1. Per iniziare, vai a PerfectoMobile.com, impostare e accedere al proprio account.
2. Selezionare il portatile da più modelli di dispositivi della maggior parte delle principali marche.
   

   Menu di selezione Perfecto Mobile microtelefono.

3. Effettuerai una prenotazione per una sessione di test in una data e un’ora specifiche per il test su tutta la varietà selezionata di dispositivi mobili.
4. Una volta iniziata la sessione di test, puoi controllare i dispositivi selezionati e testare l’aspetto e la funzione del tuo sito Web su queste piattaforme di dispositivi multipli.

Una volta completato il test del browser mobile, Perfecto Mobile offre anche test di singole app nello stesso ambiente di test cloud nelle stesse posizioni geografiche.