24
agosto
Visualizzare un sito in più di 70 browser diversi, con BrowserShots
Pubblicato in Utilità
Dopo un breve periodo di relax, un pò più abbronzati rieccoci pronti ad aggiornare il nostro blog, sperando di ricominciare con servizi e articoli sempre più interessanti.
Tutti noi webdesigner sappiamo che lo sviluppo di un sito non finisce una volta terminata la progettazione, poi bisogna provare, provare, provare, provare (cit. Non ci resta che piangere, Massimo Troisi 
) per verificare che il nostro lavoro sia correttamente visibile su tutti i browser e tutti i sistemi operativi.
Uno strumento che può esserci molto d’aiuto con questa operazione è Browsershots.
Browsershots permette di conoscere il modo in cui un sito viene visualizzato su diversi browser e Sistemi operativi. Basterà inserire l’url e una rete di computer che utilizzano ognuno browser e S.O. diverso invierà uno screenshot del sito (l’operazione dura qualche minuto).
Ci sono anche diverse opzioni personalizzabili, si può scegliere quali browser testare tra i moltissimi disponibili, e si possono definire alcuni parametri addizionali come colore, dimensione dello schermo, Java, Javascript e Flash.
Questo servzio, sicuramente molto utile, ha l’unico svantaggio che non permette di navigare interamente un sito, ma dà solo l’immagine di come il sito viene visto in ciascun browser. Però, almeno ci permette di avere un idea di quali siano i browser dove il sito presenta degli errori di visualizzazione e soffermarci su questi per cercare di risolverli.
P.S.: Il nostro nuovo amico Simone D’Amico mi ha segnalato che in alcuni browser viene tagliato qualche pezzo, in particolare spesso accade che parte del content viene sovrapposta dal footer del sito. Abbiamo cercato di capire il perchè e come questo accada, ma in ogni screenshot sembra sia applicato un metodo diverso (forse perchè si tratta di macchine diverse ad eseguirli?).
Potete leggere la discussione e magari lasciare la vostra impressione leggendo i commenti in basso.
Per ora è opinione di entrambi che come servizio di testing parallelo resta ottimo. Ne approfittiamo per ringraziare Simone e gli diamo un caloroso benvenuto su yesWEBcan.
Ti è piaciuto questo articolo?
SI
Iscriviti ai Feed RSS, magari ti piaceranno anche i prossimi
NO
Iscriviti ai Feed RSS, prima o poi ne scriverò uno che ti piace
Diventa un autore
Conoscevo dal tempo dell’esame di Ingegneria del Web questo servizio e leggendo l’articolo me l’hai fatto tornare in mente. Bisogna riconoscere che è migliorato molto in grafica
Grazie per la segnalazione e buon (ahinoi perchè anche io riparto) ritorno al lavoro.
Si è migliorato, anche se un servizio vecchiotto ho notato che in molti non lo conoscevano, per questo ne ho parlato.
Grazie e buon ritorno
a lavoro anche a te
Hai fatto benissimo. Non tutti hanno la possibilità di avere diversi PC su cui fare testing; fino a Windows e Linux uno ci può pure arrivare con macchine virtuali, sw per le versioni di IE, partizioni ecc ma testare su MAC è un pò piu impiccioso e comprarselo non sempre è cosa facile.
Mi è venuta la curiosità di vedere se hanno risolto uno dei pochi problemi (a parte la lentezza dei server) che ha avuto nei tempi passati, cioè quello che si mangia pezzi di pagina alla fine. Ora sto aspettando che finisca l’analisi e lo scoprirò!
Ciao!
No a me non lo fa, ma fammi sapere a te come è andata, eventualmente riscontri di nuovo il problema lo aggiungiamo nell’articolo
Grazie
Purtroppo a me ancora ha questo problema.
Se guardi la screen a questo link
http://browsershots.org/screenshots/3c0e5fb537271c0907895b2b11dd116e/
noterai che ha tagliato la parte dei contenuti e “appiccicato” in malo modo il footer. Addirittura la scansione con IE8 non l’ha proprio fatta e le altre sono uscite abbastanza bene, qualche “taglietto” qua e là ma nulla di importantissimo.
Vero, ho notato il taglio, sembra come se venisse fatto in automatico per farlo rientrare in una dimensione massima stabilità. Forse è stato utilizzato un programma apposito, non lo so.
Per quanto riguarda IE8 oggi non funziona neanche con il mio di sito, ma qualche settimana fa funzionava correttamente, quindi credo sia un problema temporaneo.
Grazie per la segnalazione, faccio qualche altra ricerca per cercare di capirne il motivo e aggiorno l’articolo.
In effetti non so come facciano. Dagli screenshot sembrano pc utilizzati realmente, basta notare le barre di Avvio Veloce quindi si potrebbe pensare che qualcuno li faccia a mano gli screenshot, però, qui parlo da ignorante, non so se usino degli script o li facciano effettivamente loro. Sarei più propenso a lavoro macchina, altrimenti c’è da diventare matti a fare tutto il giorno taglia,incolla
Resta comunque un servizio utile, dopotutto il testing finale non va mai affidato al caso e va fatto navigando con attenzione con i vari browser. Come testing parallelo al design è piu che ottimo!
Sono anche io più propenso all’idea che vengano fatti in automatico, se fossero creati manualmente credo sarebbero stati fatti meglio
.
Credo invece si tratti di un automatismo che, per permettere la visualizzazione del footer, tagli la pagina se supera una certa altezza.
Ed in effetti potrebbe avere un senso così perchè, magari è meglio visualizzare il footer che di solito ha regole css a se stanti invece di tutta la parte centrale della pagina che (vedi l’esempio di un blog) utilizza sempre le stesse regole css.
Il problema è che non possono stabilire a priori che dimensioni ha il footer del sito, allora tagliano ad una dimensione prefissata che spesso però rischia di non essere molto precisa.
Tu che ne dici?
Si concordo con il fatto che il footer ha regole a sè stanti per cui ha più utilità, però non seguono uno standard
Con FF ha tagliato il content, con Safari mi ha levato il footer! Non sanno manco loro cosa mettere 
Avranno una funzione del tipo:
screenshot( $sito, random() );
Si l’ho fatta io, credevo mi usciva direttamente la tua di ricerca invece mi sa che ne ho fatta una d’accapo
si ne hai richiamata un’altra
e vabbè l’ho visto in altri browser 
Grazie per avermi segnalato!
Ho scoperto stamattina il tuo blog in un articolo su IWD ed è finito tra i miei feed!
[...] yesWEBcan. Insieme abbiamo testato e tratto delle conclusioni su uno strumento per cui scrissi un articolo, e da allora seguo il suo blog quotidianamente, perchè davvero tratta argomenti molto [...]