Website screenshot: rendering your web design with multiple browsers
Ultimamente ho sempre l’incubo che questo blog non si veda cosi’ bene come lo vedo io dalla mia workstation Ubuntu con Firefox, soprattutto l’angoscia deriva da come possono vederlo la maggioranza di utenti che usano Internet Explorer.
Si sa, e’ noto, saputo e risaputo che IE interpreta CSS e tag HTML un po’ come gli pare fregandosene altamente degli standard W3C, da questo deriva che spesso un url che con il vostro Firefox si vede benissimo, allineata senza uno sbaffo, con IE si veda letteramente da schifo, con colonne spostate in basso testate completamente irriconoscibili, corpo della pagina fluttuante in qualche angolo del video.
Come sopperire a questo angoscioso problema, soprattutto quando non si ha un sistema Windows per le mani?
I modi sono molteplici, per esempio se il vostro sistema lo permette e’ possibile crearsi una macchina virtuale con Windows che sia multi browser, oppure molto piu’ semplicemente utilizzare un servizio online che permetta di crearti uno screenshot del tuo sito con diversi browser, ne esistono parecchi ma molti sono a pagamento, io ho trovato questi due gratuiti che fanno proprio al mio caso:
http://browsershots.org
BrowsersShots permette di richiedere lo screenshot del vostro sito renderizzandolo in diversi browser e sistemi operativi, e’ sicuramente il piu’ completo e funzionale, l’unico problema e’ che c’e’ sempre da aspettare almeno 30 minuti per ottenere gli screenshot richiesti (la coda e’ abbastanza lunga ma e’ possibile contribuire mettendo a disposizione i propri server).Al momento supporta i seguenti browser/sistemi:
Linux:
Windows:
Mac OS:
http://ipinfo.info/netrenderer/
IE NetRenderer e’ molto piu’ semplice e ha molte meno caratteristiche ma fa il suo lavoro egregiamente senza dover aspettare non piu’ di una manciata di secondi (e’ in realtime) per vedere lo screenshot del proprio sito, in piu’ e’ possibile anche richiedere un’immagine con le differenze tra IE7 e IE6 o con un mix dei due browser assieme.Al momento supporta solo i seguenti Browser e solo in Windows (suppongo):
Internet Explorer 7
Internet Explorer 6
Internet Explorer 5.5
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
21:57 on November 29th, 2011
Gran artículo. Este sitio es muy útil y yo no deje de visitar a menudo.
19:02 on June 30th, 2010
Hi, good post, thanks.
If I visit a website I get turned on by a cool design, this actually instills the confidence in me to buy from the site.
22:51 on December 21st, 2007
grazie er il link
19:05 on October 14th, 2007
Sistemato. Grazie!
19:01 on October 14th, 2007
Ciao Michele leggevo questo utilissimo tuo articolo e cliccando su http://browsershots.org c’è un errore di link: manca la g di org.
;-) ciao