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

46

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

browsers html Chris W. Rea
fuente

Respuestas:

38
vmarquez
fuente
2
Me gustan los comentarios entre paréntesis, buena respuesta.
Larry Smithmier
32

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.

Rebecca Chernoff
fuente
1
Solo asegúrate con BrowserShots de que deseleccionas todo y luego selecciona los pocos que quieras (como IE6). ¿Quién diablos está usando "Dillo"?
DisgruntledGoat
10

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.

Andres Jaan Tack
fuente
sí, son amigos nuestros, también ejecutan doctype.com, que está en el pie de página (aunque es probable que sea golpeado pronto)
Jeff Atwood
6

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.

Damien
fuente
6

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

Nat Ryall
fuente
1
IETester ofrece una buena referencia sobre cómo se ve su sitio en los navegadores IE. Sin embargo, tuvimos casos en los que la representación de IE6 era diferente a la del motor de representación IE6 real.
Rickjaah
5

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.

Aaron
fuente
5

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.

Zhaph - Ben Duguid
fuente
4

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.

Dan Gayle
fuente
¿Por qué Apple? También puede usar un virtualbox.org en Linux o Windows ...
mbrochh
1
¿Por qué Apple? Porque no puede instalar OSX en Linux o Windows sin violar los Términos de servicio.
Dan Gayle
1
Eso me parece un poco tonto, estás diciendo que una de las razones principales para desarrollar en Apple es que no puedes usar OSX en otras computadoras.
Si pudiera ejecutar legítimamente un Hackintosh, probablemente lo haría, dejando de lado los problemas de hardware. Pero de nuevo, es solo una consideración.
Dan Gayle
4

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 .

Sven
fuente
4

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

Casebash
fuente
1
Creo que está bien que el tema se duplique aquí porque es de especial interés para los webmasters.
Jeff Atwood
1
@Jeff: Es por eso que usé una respuesta, en lugar de marcar como duplicado
Casebash
3

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

Jay Neely
fuente