Michele's Blog

io, me e michele

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:

Firefox 1.5
Firefox 2.0
Konqueror 3.5
Opera 9.23

Windows:

Firefox 1.5
Firefox 2.0
MSIE 5.0
MSIE 5.5
MSIE 6.0
MSIE 7.0
Safari 3.0

Mac OS:

Safari 1.3

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.

io, me e michele is powered by WordPress - Entries and comments feeds. Flickr Profile ^Top^
This work is licensed under a Creative Commons License. Built on a WP Premium theme.