Se siete web designer o svi­lup­pa­to­ri, vorrete cer­ta­men­te che il vostro sito venga vi­sua­liz­za­to in maniera ottimale su tutti i browser e su tutti i tipi di di­spo­si­ti­vi. Per questo dovrete fare at­ten­zio­ne che elementi come i fogli di stile CSS e il codice Ja­va­Script siano compilati in modo da mostrare i contenuti in maniera corretta su ogni browser. Di­ver­sa­men­te detto, tutti gli elementi devono essere pro­gram­ma­ti in modo che vengano ri­pro­dot­ti su ogni di­spo­si­ti­vo allo stesso modo, in­di­pen­den­te­men­te dal browser uti­liz­za­to.

Tenere tutto sotto controllo con i test di com­pa­ti­bi­li­tà fra browser

Non ef­fet­tuan­do i dovuti test per la com­pa­ti­bi­li­tà su diversi browser, il vostro sito risulterà pro­ba­bil­men­te ot­ti­miz­za­to solo per alcuni, mentre sugli altri po­treb­be­ro ve­ri­fi­car­si dei problemi di vi­sua­liz­za­zio­ne. Questi problemi di com­pa­ti­bi­li­tà sorgono so­prat­tut­to perché i browser in­ter­pre­ta­no il codice standard in modo diverso. Spesso può accadere che lavorando vi con­cen­tria­te su un unico browser, di­men­ti­can­do presto gli altri. Tuttavia non dovete basarvi sulle vostre pre­fe­ren­ze, ma dovete pensare sempre ai po­ten­zia­li vi­si­ta­to­ri del vostro sito. Infatti, tutti gli sforzi fatti nel creare il sito non verranno ri­com­pen­sa­ti, se i contenuti verranno vi­sua­liz­za­ti in modo errato sui browser uti­liz­za­ti dagli utenti.

L’ot­ti­miz­za­zio­ne del sito per diversi browser è anche molto im­por­tan­te nella creazione di siti re­spon­si­ve. Anche i browser comuni, presenti sui sistemi operativi dei di­spo­si­ti­vi mobili come Android, devono essere presi in con­si­de­ra­zio­ne. Questa ot­ti­miz­za­zio­ne è spesso un processo faticoso, poiché la fun­zio­na­li­tà degli elementi si può ve­ri­fi­ca­re solo provando più volte su diversi browser. I problemi emergono mag­gior­men­te con:

  • Le vecchie versioni di Internet Explorer, che dif­fi­cil­men­te possono essere in­stal­la­te sul proprio computer;
  • Safari, che è im­pos­si­bi­le da testare per gli utenti Windows e Linux;
  • Le in­nu­me­re­vo­li vecchie versioni dei browser per i di­spo­si­ti­vi mobili, che pre­sen­ta­no quasi tutte le stesse ca­rat­te­ri­sti­che tecniche di base, ma si dif­fe­ren­zia­no nei dettagli.

Visto che le diverse versioni dei browser non sono ge­ne­ral­men­te in­stal­la­bi­li e a portata di mano, ci sono diversi strumenti per ef­fet­tua­re i test di com­pa­ti­bi­li­tà. Questi servizi online mettono a di­spo­si­zio­ne un pacchetto browser con le risorse hardware ne­ces­sa­rie per svolgere test ap­pro­fon­di­ti.

Come fun­zio­na­no gli strumenti per i test di in­te­ro­pe­ra­bi­li­tà

Con l’aiuto di molti servizi per testare la com­pa­ti­bi­li­tà degli elementi del sito con i diversi browser, potete simulare la vi­sua­liz­za­zio­ne sulle nuove versioni, ma anche su quelle vecchie, che spesso sono ancora uti­liz­za­te sui computer aziendali. L’utilizzo, le funzioni e il prezzo di questi tool variano.

Chiariamo meglio con un esempio espli­ca­ti­vo. Se volete ot­ti­miz­za­re solo un’ap­pli­ca­zio­ne Intranet per una piccola azienda, si presume che vi siano poche dif­fe­ren­ze tra le diverse versioni dello stesso browser. Qui vi sono di aiuto molti strumenti, che in­stal­le­ran­no alcune versioni del browser de­si­de­ra­to sul vostro sistema. Così potete anche salvare au­to­ma­ti­ca­men­te degli screen­shot su come si vi­sua­liz­za il sito.

Se avete in mente di ot­ti­miz­za­re il vostro sito per rag­giun­ge­re il maggior numero di utenti possibili, sarà difficile ideare un proprio sistema di test, con­si­de­ran­do che potreste aver bisogno di diversi sistemi operativi. Per questo vi aiu­te­ran­no i tool online, che fun­zio­na­no sulla base di programmi per fare gli screen­shot. Questi strumenti rea­liz­za­no delle istan­ta­nee del vostro sito su browser pre­de­fi­ni­ti o scelti da voi. Nella maggior parte dei casi, uti­liz­zan­do questo metodo, trovate solo errori nei codici HTML e CSS, mentre le ap­pli­ca­zio­ni web integrate sul vostro sito, non sono comprese nella verifica. Per ve­ri­fi­ca­re anche questi elementi, ci sono degli strumenti che vi con­sen­to­no l’accesso remoto sul browser da testare. Qui potete vi­sua­liz­za­re il vostro sito sul browser de­si­de­ra­to, senza doverlo in­stal­la­re e senza dovervi pre­oc­cu­pa­re di eventuali requisiti hardware da sod­di­sfa­re.

I migliori tool per i test di in­te­ro­pe­ra­bi­li­tà

Ve­ri­fi­ca­re che gli elementi del vostro sito siano ese­gui­bi­li e vi­sua­liz­za­bi­li cor­ret­ta­men­te su tutti i di­spo­si­ti­vi e sui diversi browser è sempre più im­por­tan­te. Così non solo andate incontro alle esigenze degli utenti, ma verrete valutati meglio dai motori di ricerca. Vi pre­sen­tia­mo di seguito i migliori tool per i test di com­pa­ti­bi­li­tà fra diversi browser.

Cros­sBro­w­ser­Te­sting

Già dal nome del servizio online si capisce a cosa serva il programma: è possibile ef­fet­tua­re dei test det­ta­glia­ti di com­pa­ti­bi­li­tà su oltre 900 varianti di browser e su più di 40 diversi sistemi operativi. Nella modalità Live potete scegliere la com­bi­na­zio­ne de­si­de­ra­ta di sistema operativo e browser, e ve­ri­fi­ca­re che sul vostro sito non siano presenti errori negli elementi AJAX, Flash, HTML o Ja­va­Script. Inoltre, tramite screen­shot au­to­ma­ti­ci, potete comparare in maniera semplice se il layout viene pre­sen­ta­to in maniera corretta su tutti i browser, in­di­pen­den­te­men­te se il vostro sito sia già online o si trovi ancora nella fase di sviluppo. Tramite questo tool, i test vengono ef­fet­tua­ti su di­spo­si­ti­vi fisici e non su emulatori. Potete provare Cros­sBro­w­ser­Te­sting per una settimana. Dopo avete a di­spo­si­zio­ne diversi pacchetti e, a seconda di quello scelto, sono compresi alcuni minuti per ef­fet­tua­re dei test Live au­to­ma­ti­ci, per eseguire diverse verifiche con­tem­po­ra­nea­men­te e per la con­nes­sio­ne di più utenti.

Bro­w­ser­Stack

Con il tool online Bro­w­ser­Stack ve­ri­fi­ca­te la fun­zio­na­li­tà del vostro sito su oltre 700 browser. Per la maggior parte dei test sono messi a di­spo­si­zio­ne dei di­spo­si­ti­vi fisici, per i test su Android sono presenti anche emulatori per ef­fet­tua­re dei test au­to­ma­ti­ci con il framework Selenium. Avete accesso immediato a tutti i browser e tempo il­li­mi­ta­to per testare diverse con­fi­gu­ra­zio­ni. Gli errori vengono ricercati in tempo reale e risolti grazie a potenti script. Anche con Bro­w­ser­Stack è possibile ve­ri­fi­ca­re il vostro sito, quando si trova ancora in fase di sviluppo. Con questa ap­pli­ca­zio­ne, gli screen­shot per l’analisi del sito devono essere generati ma­nual­men­te, definendo ri­so­lu­zio­ni a partire da 800 x 600 pixel fino a 2048 x 1536 pixel. Terminata la prova, potete scegliere tra tre pacchetti mensili, tenendo presente che nel pacchetto di base non sono compresi i test au­to­ma­ti­ci.

Spoon Browser Sandbox

Spoon Browser Sandbox è un altro servizio che offre browser virtuali. Il tool funziona solo dal proprio computer. Se il vostro computer soddisfa i requisiti di sistema per sup­por­ta­re il programma, con Browser Sandbox potete uti­liz­za­re diverse versioni dei comuni browser come Chrome, Firefox, Internet Explorer o Safari, senza doverli in­stal­la­re sul vostro computer. Grazie agli emulatori potete testare anche i browser che non sono più com­pa­ti­bi­li, in­di­pen­den­te­men­te dal sistema operativo in uso. Con la versione gratuita è di­spo­ni­bi­le un unico browser virtuale; sce­glien­do l’ab­bo­na­men­to mensile a pagamento potete invece ef­fet­tua­re più si­mu­la­zio­ni con­tem­po­ra­nea­men­te su tutti i browser che volete. Inoltre, avrete accesso agli strumenti online di Sandbox che vi aiu­te­ran­no nell’analisi del vostro sito, ad esempio sotto forma di screen­shot o log di test me­mo­riz­za­bi­li.

Vai al menu prin­ci­pa­le