it-swarm-es.com

¿Cómo puedo ver cómo se ve mi sitio web en varios navegadores?

¿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?

46
Chris W. Rea
38
vmarquez

BrowsersShotsBrowserLabs son lo que puedo pensar en la parte superior de mi cabeza. Creo que también hay algo más que he usado, pero no puedo recordar el nombre en este momento.

Editar: Tristemente Adobe cerró su BrowserLab proyecto el 13 de marzo de 2013.

32
Rebecca Chernoff

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 Alcalina .

Yo uso Alkaline de forma rutinaria. Es bastante agradable.

Lo mejor de esto es que no tiene que poseer 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 de administrador de sistemas, esto es ideal.

10
Andres Jaan Tack

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.

6
Damien

Recomiendo encarecidamente probar IE en IETester , disponible aquí . Es liviano, rápido, preciso y admite todos los IEs desde 5.5 en adelante.

6
Nat Ryall

Tener los navegadores locales le brinda más flexibilidad. Si tiene un sitio web interactivo en el que necesita hacer clic en varios botones para probar, no puede verificarlo con una imagen.

5
Aaron

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.

5

Esta es una de las razones principales para desarrollarse en una computadora Apple. Usando 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.

4
Dan Gayle

Es posible que desee consultar el hilo en StackOverflow llamado: Prueba de un sitio web en navegadores móviles .

4
Casebash

http://www.browsercam.com/ (en línea, no gratis) es otro.

4
Larry Smithmier

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 usa muchos efectos de desplazamiento, ajax o script Java, 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 referirlo a n tutorial con Virtual PC y Xp Mode, que es una solución para ejecutar diferentes IE versiones en un Host .

4
Sven

MogoTest es una startup de TechStars muy reciente que lo hace bien. Proporciona capturas de pantalla de diferentes navegadores y sistemas operativos, y también valida su HTML y CSS.

3
Jay Neely

He usado http://www.browserstack.com/ algunas veces, funciona muy bien, sorprendido de que nadie lo haya mencionado todavía.

1
James Smith