Guida completa alla verifica della compatibilità tra browser

Gli utenti di Internet hanno una scelta più ampia di browser quando si tratta di navigare in rete. È nostra responsabilità, in qualità di progettisti e sviluppatori, garantire che i siti Web che abbiamo creato siano compatibili per la maggior parte dei browser comunemente utilizzati in questi giorni.

Ciò porta a una domanda semplice ma critica - quali browser utilizzano i nostri visitatori? Secondo w3school, i browser più usati sono Internet Explorer 7 e 8 e Firefox con Safari e Google Chrome gradualmente riprendendo Ma le cifre potrebbero variare da un sito all'altro, a seconda della sua nicchia. È preferibile ottenere i dati demografici dalle metriche del tuo sito, statistiche di Google per esempio.

Una volta identificati i browser comuni utilizzati dai visitatori, è ora di assicurarsi che il sito Web sia uguale in questi browser. È quasi impossibile installare tutti i diversi browser in una macchina. Ma grazie ad alcuni strumenti e servizi web disponibili, è possibile scoprire come appare il tuo sito Web in altri browser.

In questo articolo, vogliamo portare alla vostra attenzione alcune delle soluzioni su cui potete fare affidamento per eseguire test di compatibilità cross-browser. Elenco completo dopo il salto.

Verifica la compatibilità online

Browsershots

Browsershots è una utility di test di compatibilità con più browser multipiattaforma gratuita e più popolare per i web designer. Browsershots crea screenshot del tuo web design in diversi browser. Nel database di Browsershots sono inclusi tutti i browser più diffusi e puoi controllare facilmente l'aspetto del tuo sito Web in tutti i browser e le piattaforme del sistema operativo.

Sandbox del browser

Creato da Spoon.net, questa pagina ti consente di eseguire diversi browser tra cui IE, Firefox, Safari, Chrome e Opera direttamente dal tuo browser. Semplice come quella.

NetRenderer

IE NetRenderer è un tester gratuito per la compatibilità con i browser. Con IE NetRenderer puoi verificare come viene reso un sito Web da diverse versioni di Internet Explorer. Dopo il beta test, molto presto in IE NetRenderer sarà integrata la nuova versione di IE - IE9 e sarete in grado di vedere il vostro sito Web mostra errori in questo browser.

BrowsrCamp

Browsrcamp ti permette di testare la compatibilità del tuo design con i browser Mac OS X. Se non vuoi spendere soldi puoi verificare la compatibilità del tuo design con Safari 3.1.2. Aggiungi semplicemente l'URL del tuo sito web e otterrai lo screenshot del tuo sito web. Ma se vuoi verificare la compatibilità con altri browser Mac, puoi iscriverti a 3 $.

Adobe Browserlab

Adobe Browserlab è un servizio Web ospitato che consente ai progettisti di testare progetti su più browser e sistemi operativi. In questo sistema sono inclusi una funzione di zoom e strumenti di misurazione come righelli e guide e la possibilità di spostarsi velocemente verso aree specifiche di uno screenshot. I set di browser consentono ai progettisti di personalizzare, modificare e salvare una combinazione di browser da testare.

Litmusapp

Tornasole ti mostra schermate dei tuoi siti web mentre guardano attraverso tutti i principali browser web. Dopo aver completato i test, è possibile ottenere un rapporto di compatibilità completo pronto per la revisione da parte dei clienti. Tornasole hanno 4 piani di prezzo. È possibile registrarsi gratuitamente e utilizzare solo i test dei browser Explorer 7 e Firefox 2 oppure è possibile scegliere piani di addebito.

Siteviewer Anybrowser

Anybrowser Site Viewer ti consente di visualizzare pagine HTML come altri browser o in diverse dimensioni dello schermo. È possibile passare dal collegamento al collegamento visualizzando le pagine come apparirebbero in una varietà di browser e verificare la purezza del solo testo. Inoltre, il Visualizzatore di siti Anybrowser consente di selezionare elementi di pagina specifici.

Fundisom

Fundisom è un generatore di screenshot per Mac che ti consente di vedere il tuo sito su un Macintosh G5 in Safari, MacIE o Mozilla. Per ora lo sviluppo web di lixlpixel Safari Screenshot Generator è temporaneamente offline, ma è possibile verificarlo in seguito.

Delorie lynxview

Delorie lynxview è un servizio che consente agli autori Web di vedere come saranno le pagine visualizzate con Lynx, un browser Web in modalità testo.

dal navigatore

Browsera è pensato per essere utilizzato come strumento di test, non solo come strumento di screenshot e funziona a livello di sito anziché a livello di pagina. Browser esegue la scansione delle pagine del tuo sito e verifica effettivamente le incoerenze del layout e gli errori di script.

IE Tab

IE Tab è l'addon di Firefox che consente di caricare pagine Web in Internet Explorer, senza dover aprire un'altra finestra del browser. Basta fare clic su un pulsante sulla barra degli strumenti di Firefox e si aprirà la pagina corrente in una nuova scheda che utilizza il motore di Internet Explorer anziché Firefox.

Plugin e strumenti

IETester

IETester è un browser Web gratuito che ti permette di avere i motori di rendering e javascript di IE9 preview, IE8, IE7 IE 6 e IE5.5 su Windows 7, Vista e XP. È utile per gli sviluppatori Web verificare che i loro siti funzionino correttamente in tutte le versioni di Internet Explorer più comuni.

IECapt

IECapt è una piccola utilità da riga di comando per catturare il rendering di Internet di una pagina Web in un file di immagine BMP, JPEG o PNG.

Multi-Safari

Multi-Safari è uno strumento di test gratuito per la compatibilità dei browser che consente di verificare il rendering del tuo sito web utilizzando diverse versioni di Safari. Multi-Safari non consente il test della risoluzione dello schermo.

Expression Web SuperPreview

Expression Web SuperPreview è uno strumento gratuito che consente agli utenti di testare i propri siti Web su diverse versioni di Internet Explorer. Expression Web SuperPreview è uno strumento di debug visivo autonomo che semplifica la migrazione dei siti da IE6 a IE7 o 8.

iPhoney

iPhoney ti offre un ambiente di esplorazione del web preciso al pixel, che puoi utilizzare quando sviluppi siti Web per iPhone. È la tela da 320 per 480 pixel perfetta per lo sviluppo del tuo iPhone. iPhoney non è un simulatore di iPhone, ma è progettato per gli sviluppatori web che desiderano creare 320 per 480 siti Web da utilizzare con iPhone.

MultipleIEs

Con MultipleIEs puoi testare la tua pagina web in Internet Explorer 3, 4, 5 e 6. Questi sono vecchi browser, ma se puoi che il tuo sito web sia disponibile per tutti i browser, controlla anche per le versioni IE più vecchie con MultipleIEs.

Multiple IE

Multiple IE è uno strumento simile come MultipleIEs. Multiple IE è un piccolo pacchetto che consente di eseguire più versioni di IE sullo stesso computer, da IE 6.0 fino a IE 3.0

SortSite Professional

SortSite Professional consente ai costruttori, proprietari e consulenti di siti Web di controllare interi siti per la conformità agli standard e problemi di qualità. SortSite controlla ogni pagina che trova, quindi produce un report che elenca ogni problema. SortSite controlla più di 300 controlli di qualità.

Lunascape

Lunascape è il primo e unico browser del motore triplo al mondo. In sono inclusi i principali browser: IE, Firefox, Chrome, Safari. Con Lunascape, puoi scegliere il motore giusto da utilizzare al momento giusto, realizzando una drastica riduzione dei problemi di compatibilità del browser web, lunghi tempi di caricamento e visualizzazione impropria dei siti web.

Servizi Premium

BrowserCam

BrowserCam è un servizio online a pagamento che ti consente di visualizzare le tue pagine web su piattaforme e browser diversi, prendendo automaticamente gli screenshot di tua scelta o accedendo ai computer da remoto.

CrossBrowserTesting

Con il sito, sarai in grado di testare il tuo sito web (o chiunque altro per quella materia), su qualsiasi sistema operativo e browser. Questo dovrebbe farti risparmiare un sacco di tempo quando stai cercando di fare le cose. Il costo degli abbonamenti parte da $ 19,95.

Url2image

Utilizzando la server farm di Url2image e come utente connesso, è possibile richiedere schermate della progettazione della propria pagina Web, utilizzando varie combinazioni browser / sistema operativo. Url2image offre un premio per gli screenshot. 2 screenshot costano $ 1.

SortSite

SortSite Professional controlla le pagine per una serie di funzionalità che non funzionano correttamente o che si comportano in modo diverso su browser diversi. Il premio di licenza standard è $ 149.

Multi Browser Viewer

Multi Browser Viewer include 17 browser standalone virtualizzati pre-confezionati. Oltre a 17 browser standalone, Multi-Browser Viewer ha anche la possibilità di testare il tuo sito in 50 browser su tre sistemi operativi (Mac, Windows e Linux). Il premio per la licenza per utente singolo è $ 99,95.

Test Cloud

La funzionalità di Cross Browser Testing di Cloud Testing ti consente di verificare sia l'aspetto grafico che le funzionalità dei tuoi siti web e-commerce e transazionali utilizzando i browser IE 6,7,8, Firefox, Apple Safari, Google Chrome e Opera. Il prezzo per una prova è £ 0,10 £.