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

Respuestas:


38

2
Me gustan los comentarios entre paréntesis, buena respuesta.
Larry Smithmier


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.


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

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


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.


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.


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.


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



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.


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.