Ultimi strumenti gratuiti per i test di Cross-Browser

Se hai un sito web tutto tuo, che si tratti di un sito aziendale di grandi dimensioni o di un blog di piccole dimensioni, l'importanza dei test di desktop cross-browser è la stessa.

Puoi visualizzare il tuo sito utilizzando l'ultima versione di Firefox e sembra fantastico. Quindi un visitatore può vederlo in Internet Explorer 9 e non solo sembra orribile a loro, ma non funziona correttamente. Indovina un po? Hai appena perso un visitatore di ritorno.

Perché devo eseguire il test su più browser?

Oltre a perdere visitatori e traffico Come indagare perché il tuo sito web ha perso così tanto il traffico di ricerca Come indagare perché il tuo sito web ha perso così tanto il traffico di ricerca Che cosa fai quando sei stato colpito da un aggiornamento dell'algoritmo, che si tratti di Panda, Hummingbird, o qualche animale futuro della varietà dei motori di ricerca? Recupera il tuo traffico con queste tecniche. Leggi di più, puoi perdere le vendite. Se hai un sito web per vendere il tuo prodotto o servizio e un potenziale cliente non può effettuare un ordine perché il tuo modulo non viene visualizzato o funziona in Chrome, allora vergogna per te. Anche se hai un blog personale in cui chiedi feedback alle persone e non te ne possono dare perché il tuo modulo di contatto mostra solo o funziona in Opera, hai appena perso il feedback e il visitatore di ritorno.

Ecco cosa Seque Technologies, una società di soluzioni tecnologiche per organizzazioni federali, commerciali e non profit, ha da dire sui test cross-browser:

Con così tante variabili in superficie, ci sono ancora più differenze al di sotto che influiscono sul modo in cui i siti web e le applicazioni web si mostrano e si comportano attraverso i diversi browser. Per questo motivo, quando un'applicazione web è in fase di completamento, è buona norma condurre i test del browser incrociato.

Testare il tuo sito web in vari browser desktop dovrebbe diventare, se non lo è già, una pratica comune per te. Controlla l'aspetto, verifica la navigazione, compila e invia tutti i moduli altrimenti rischi di perdere visitatori, clienti e traffico.

Come eseguo i test di Cross-Browser?

Sai già cosa devi testare, ma come lo fai quando sei dedicato a un browser specifico? Una cosa che puoi fare è scaricare le ultime versioni dei principali browser sul tuo computer.

Firefox, Internet Explorer, Safari, Chrome e Opera Opera 15 è un Chrome più veloce e semplice, e qui ci sono 3 grandi motivi per provarlo Opera 15 è un Chrome più veloce e semplice, e qui ci sono 3 grandi motivi per provarlo Può sembrare ridicolo ora, ma quando ero più giovane, forchettai un grande mucchio di soldi per Opera, un browser rivoluzionario dalla Norvegia. L'ho portato a casa, entusiasta di essere finalmente in grado ... Read More può normalmente essere scaricato e installato, ma forse non sei in grado o non ti interessa farlo. In quel caso ci sono molti strumenti basati sul web che possono essere usati per simulare questi browser.

Strumenti come BrowserStack, Ghostlab e CrossBrowserTesting sono disponibili, ma non sono gratuiti e possono diventare costosi, a seconda delle esigenze. Fortunatamente ci sono alcuni strumenti basati sul web che sono disponibili gratuitamente, ciascuno con diverse funzionalità di test.

Browsershots

Browsershots è uno strumento online molto semplice da usare. Consente di eseguire test nei principali browser desktop e include diversi numeri di versione tra cui scegliere. Una volta inserito l'URL del sito che stai testando (dovrai inserire diversi URL per ogni pagina del sito), attendi solo pochi minuti, e poi vedrai schermate del sito in ognuno dei tuoi browser scelto.

Tieni presente che con Browsershot potrai vedere solo gli screenshot del tuo sito. Questo è utile per controllare l'aspetto grafico, ma non è possibile “test” navigazione e forme. Per uno strumento gratuito, è bene assicurarsi che il tuo sito abbia un aspetto corretto in diverse versioni del browser desktop.

Spoon Browser Sandbox

Spoon offre un'opzione più solida per i test cross-browser in cui si ottengono più di semplici screenshot. Per i principali browser, Chrome, Firefox Browser Wars: Firefox vs Chrome vs Opera, The Definitive Benchmark Browser Wars: Firefox vs Chrome vs Opera, The Definitive Benchmark Se potessi scegliere solo un browser, quale sarebbe? Qual è il migliore: Firefox, Chrome o Opera? Ti mostreremo. Per saperne di più, Internet Explorer, Opera e Safari, scegli la versione esatta che desideri utilizzare.

È libero di provare utilizzando le versioni più recenti di questi browser, ma se si desidera verificare le versioni precedenti, è previsto un costo. Ma, se il test nelle versioni più recenti dei browser è sufficiente per le tue esigenze, questo strumento funziona bene.

Una volta selezionato il browser che desideri, lo apre in una nuova finestra. Quindi inserisci il tuo URL e fai test.

Le finestre del browser consentono esperienze di test complete. Nota, questo sito ti chiede di installare un plugin, quindi se non ti senti a tuo agio con il download e l'installazione del loro file EXE, allora potresti voler guardare un altro strumento basato sul Web.

Viewlike.us

Viewlike.us è un po 'diverso dagli altri in quanto ti permette di vedere il tuo sito in diverse risoluzioni 3 plugin di Firefox per testare il tuo sito web in diverse risoluzioni 3 plugin di Firefox per testare il tuo sito web in diverse risoluzioni Ulteriori informazioni. Anche questo è utile per testare l'aspetto del sito, ma fornisce alcuni dettagli utili per la reattività.

È possibile ottenere punteggi di velocità e usabilità con questo strumento. Se cose come le dimensioni delle risposte delle immagini, le dimensioni delle risposte HTML e persino il numero di risorse statiche sono utili, allora questo è utile.

Fornirà inoltre dettagli sulle regole di usabilità, ad esempio se il tuo sito utilizza plug-in o se le dimensioni dei caratteri non sono leggibili. Vedrai quindi uno screenshot del tuo sito in diverse risoluzioni. È quindi possibile selezionare altre risoluzioni per visualizzare il sito su smartphone e tablet.

IE NetRenderer

Per un altro controllo su come il tuo sito web appare su un altro browser, puoi provare IE NetRenderer. Ovviamente questo ti mostra solo il tuo sito in Internet Explorer Come eseguire Internet Explorer sul tuo Mac (e perché potresti desiderarlo) Come eseguire Internet Explorer sul tuo Mac (e perché potresti volere) È possibile eseguire l'ammiraglia Browser Microsoft su un computer OSX? Continua a leggere per scoprire ... Leggi di più, ma ti permette di scegliere tra IE 5.5 fino a IE 11.

Questo è un altro strumento molto semplice che funziona davvero bene solo per testare l'aspetto del tuo sito.

dal navigatore

Browsera fornisce alcune informazioni utili sul tuo sito per l'aspetto e gli errori. Basta inserire l'URL nello strumento quindi inizia a eseguire la scansione del tuo sito. Puoi guardare mentre si muove attraverso le tue diverse pagine e mostra quanto tempo rimane per il test.

Una volta completato il test, riceverai una mail con i risultati e una finestra piena di dettagli sul sito Browsera. Navigazione: prova il tuo sito in diversi browser Navigazione: prova il tuo sito in browser diversi Ulteriori informazioni .

Se hai ricevuto errori JavaScript, ti fornirà grandi dettagli tra cui il tipo e la versione del browser, la pagina o l'elemento sul tuo sito, la riga nel codice che contiene l'errore e qual è l'errore, ad esempio, “valore di proprietà non valido”.

È inoltre possibile rivedere le differenze di layout per le varie versioni di Firefox e Internet Explorer, ciascuna all'interno della propria finestra scorrevole e per pagina. In questo modo è facile vedere come appare in ciascuno di questi browser in modo da poter apportare le modifiche necessarie.

Browsera richiede di creare un account, ma richiede solo un minuto e non è richiesta alcuna carta di credito. Ci sono alcuni piani disponibili e per test minimi il piano gratuito è accettabile per quei siti più piccoli.

Offre il servizio a un utente per 25 pagine e include il rilevamento dei problemi, la scansione del sito e gli errori JavaScript. Ovviamente i piani a pagamento offrono più funzionalità e opzioni.

Quale dovrei usare?

Per la verifica completa dell'utente finale, Spoon Browser Sandbox è l'unico strumento gratuito che apre effettivamente diverse finestre del browser che puoi utilizzare. Quindi, se non vuoi scaricare tutti i browser o pagare per un servizio, questa sarebbe la tua migliore opzione per il test di controllo qualità degli elementi cliccabili sul tuo sito web.

Per testare l'aspetto del tuo sito in tutti i principali browser, Browsershots è la strada da percorrere. Offre gratuitamente la maggior parte delle opzioni del browser desktop.

Utilizzi già questi strumenti?

Ce n'è uno che già usi per i tuoi test su più browser? O forse conosci qualche altro strumento gratuito basato sul web che vorresti condividere con noi e suggerire ad altri lettori. Si prega di ricordare, questo per i test del browser desktop, non mobile.

Sentiti libero di condividere i tuoi pensieri nei commenti qui sotto!

Immagine di credito: mano dell'uomo d'affari navigazione siti internet sul suo computer portatile, chiavi rosse con test di parole sulla tastiera del computer, scelta e decisioni: uomo d'affari che pensa con punti interrogativi tramite Shutterstock

Scopri di più su: Estensioni del browser, sviluppo Web.