Pedro Santamaría
Si os dedicáis al diseño web seguramente una de vuestras mayores preocupaciones será que el diseño que tanto habéis trabajado se vea igual de bien en los diferentes navegadores así como adaptarlo en función al dispositivo que visualice dicha web.
Screenfly es una aplicación web, o mejor dicho un servicio, que nos permite visualizar nuestra web tal y como se vería en diferentes navegadores y/o dispositivos. Por ejemplo, el navegador de Android u Opera y diferentes resoluciones (1280×768, 1920×1080,...) Una gran ayuda si por ejemplo no disponemos de un iPad o iPhone para ver como se verá la web.
De todas formas, si usáis Safari también podréis probar diferentes agentes para visualizar vuestra página web. Para ello sólo deberéis activar el menú de Desarrollo dentro de las preferencias. Luego en el menú que se habilita podremos cambiar entre los diferentes agentes. Igualmente ninguno excluye al otro y ambas opciones serán buenas para vuestro trabajo.
Actualización: Para ver como queda una web en Internet Explorer podemos recurrir a WineBottler para ejecutar la propia aplicación de Windows en Mac OS X. Una emulación sin llegar a instalar una máquina virtual con aplicaciones como Parallels Desktop, VMWare Fusión o VirtualBox.
Más información | Screenfly
En Applesfera | Aplicaciones para diseñadores y desarrolladores para usar en el iPad
Ver 17 comentarios
17 comentarios
paquito
El título de este artículo dice 'visualizar tus diseños en diferentes navegadores', en cambio esta web sólo permite hacer un iframe para ver como quedaría una web en 'diferentes resoluciones de pantalla', independientemente del navegador que uses.
Lo interesante sería que la web nos presentara como se visualiza un diseño en MS IE6-9, ya que explorer es el navegador que más dolor de cabeza nos da a los programadores web, aunque Firefox o Safari eventualmente pueden hacer el burro. Pero sinceramente, esta web no he visto que de más opción que visualizar resoluciones de pantalla unicamente.
Dei
Con todo el respeto del mundo, me parece que esta vez Pedro, te has colado.
1) Lo que comentas de Screenfly es una media verdad porque solo cambia tamaños, nada más (como comentan más arriba).
2) Lo del User Agent, o no sabes muy bien cómo funciona o lo has puesto para rellenar espacio porque si no, no tiene sentido. Cambiar el agente de usuario no cambia el motor del navegador, por tanto, para los que desarrollamos de poco nos sirve más que para ver cómo otras webs se comportarían.
Sergi Solanellas
La unica forma que usamos los profesionales, tal y como decís, es la virtualizacion con Parallels, o VMWare o incluso VirtualBox! Lo demas NO sirve!
Un saludo!
Agustin Tash
Es un buena idea, sobre todo para el tema de los celulares ( al menos en mi caso), ya que yo tengo un IPhone 4 y no un Galaxy y calculo que se ve igual pero….
Algo mas para agregar lo he probado con algunas paginas e incluso en mi propio blog y el resultado no es REAL, he probado mi blog en mi IPhone y se ve perfecto, lo he probado en esta “pagina” y lo que veo en el render no es igual, sobre todo el fondo sale completamente cortado y desfasado.
Pero igual la idea esta buena.
macbike
Yo utilizo el Browserlab de Adobe y me va estupendo. Puedo comparar varios navegadores a la vez, varios sistemas, etc...
Cierto es que no se puede navegar, ya que lo que te muestra es una imagen, pero esto lo hace relativamente bien.
52684
Penosa la aplicación web, no sirve para nada, no es real para variar... sé que es difícil hacer un entorno de esas características, pero que no lo vendan como tal si no funciona como debe funcionar.... prefiero el simulador de iphone, y la máquina virtual con explorer.
Eduardo Veiga
No carga imágenes en background en divs y otras cosas similares, pero para hacerte una idea de cómo queda la estructura no está mal del todo...
jalfcolombia
FAKE!!!! Pues estoy en Mac y pensé que de pronto me iba a mostrar la web como si estuviese en IE9 o algo así y no es más que un iframe con diferentes tamaños y ya.
Ole no darles vergüenza sacar una noticia de estas?
David
Nada mejor que tener una máquina para cada SO, navegador y resolución. Unos 84 ordenadores así ojo. (Es broma)
Al final, lo hagas como lo hagas, siempre te llega alguna queja de alguien que con su configuración concreta, no puede visualizarla bien, y ese alguien además, suele ser amigo o familiar del jefe.
Para evitar eso, suelo hacer algunas capturas e imprimirlas, y las entrego al jefe como prueba que aparentemente funcionan.
web-madrid
A mí me funcionó perfectamente, con Flash también. Entiendo que la aplicación es para ver nuestra web en distintas resoluciones no en distintos navagadores. Para comprobar la web en otros navegadores está Browsershots (http://browsershots.org) o Netrenderer (http://netrenderer.com/)es más fiable Browsershots.
mutante
no se visualizo mi contenido en flash :C
mutante
no se visualiza contenido en flash :c