¿Cómo puedo ver cómo se ve mi sitio web en varios navegadores?
Además de tener instaladas todas las versiones de navegador diferentes, ¿hay alguna herramienta o servicio que pueda proporcionar una vista previa?
¿Cómo puedo ver cómo se ve mi sitio web en varios navegadores?
Además de tener instaladas todas las versiones de navegador diferentes, ¿hay alguna herramienta o servicio que pueda proporcionar una vista previa?
Respuestas:
http://browsershots.org/ (servicio en línea).
http://www.browsera.com/ (servicio en línea, no gratuito).
http://crossbrowsertesting.com/ (servicio en línea, no gratuito).
http://www.multibrowserviewer.com/ (navegadores web virtualizados, no gratuitos).
http://www.browserseal.com/ (navegadores web virtualizados, no gratuitos).
Dispositivo de navegador múltiple vmWare: http://www.vmware.com/appliances/directory/335/
BrowsersShots y BrowserLabs son lo que puedo pensar fuera de mi cabeza. Creo que también hay algo más que he usado, pero no puedo recordar el nombre en este momento.
Editar: lamentablemente Adobe cerró su proyecto BrowserLab el 13 de marzo de 2013.
LitmusApp es un nuevo jugador en el campo. Su principal valor agregado actual es la prueba de clientes de correo electrónico (33 clientes, incluido el móvil), pero también realizan pruebas de navegador "en la nube" de hasta 24 navegadores. De hecho, las pruebas de navegador fueron su primer producto, y todavía está disponible de forma independiente a través de la herramienta Alkaline .
Yo uso Alkaline de forma rutinaria. Es bastante agradable
Lo mejor de esto es que no tiene que tener ni instalar ninguno de los navegadores que desea probar. Se ocupan de todo eso y le brindan capturas de pantalla del navegador que se ejecuta en un sistema real de forma aislada. Siendo yo una persona terrible administrador de sistemas, esto es ideal.
Esto es bastante bueno: http://browsershots.org/
Vea cómo se ve en una variedad de navegadores y resoluciones. Sin embargo, debe estar en la web.
Recomiendo probar IE en IETester , disponible aquí . Es liviano, rápido, preciso y admite todos los IEs desde 5.5 en adelante.
MS también tiene (como parte del kit de herramientas de Expression) un producto llamado SuperPreview, que le permite trabajar en paralelo o superpuesto con una versión interactiva de su sitio en todas las versiones de IE y la última versión de Firefox.
También incluye acceso a un servicio web que le muestra cómo se ve su sitio en Safari en una Mac; esto generará una imagen de la salida, pero también utiliza un archivo de metadatos que le permite ver qué partes del marcado generaron qué partes de la imagen, por lo que sigue siendo bastante potente.
Esta es una de las razones principales para desarrollarse en una computadora Apple. Utilizando VMWare Fusion u otro software de emulación, es la única computadora en la que puede instalar legalmente todos los principales sistemas operativos.
Luego, puede probar los navegadores reales en los sistemas operativos reales, sin depender de fuentes externas para hacer el trabajo sucio por usted, donde puede usar las herramientas de depuración nativas para corregir / diagnosticar cualquier error.
http://www.browsercam.com/ (en línea, no gratis) es otro.
Usar una vista previa para el diseño general es bueno, pero no olvide probar también el comportamiento de su sitio. Esto es especialmente útil si utiliza muchos efectos de desplazamiento, ajax o java-script, que no puede ver en una imagen.
Utilizo VmWare con diferentes máquinas virtuales con los navegadores más importantes instalados por separado.
Si está utilizando Windows 7 Ultimate, puedo remitirlo a un tutorial con Virtual PC y Xp Mode, que es una solución para ejecutar diferentes versiones de IE en un host .
Es posible que desee consultar el hilo en StackOverflow llamado: Prueba de un sitio web en navegadores móviles .
He usado http://www.browserstack.com/ varias veces, funciona muy bien, sorprendido de que nadie lo haya mencionado todavía.