Diseñorama » Articulos

Pruebas de compatibilidad en navegadores

Escrito por Kemie Guaida en 12.11.09

Servicios en línea

Pruebas tu sitio a través de una página. Tiene la ventaja que así puedes accesar sistemas operativos distintos al tuyo, pero es necesario registrarte y hacer todo remotamente.

Browsercam

Browsercam es el abuelo de los servicios remotos, y probablemente el más completo. Ofrece:

• Capturas de pantalla en los navegadores más comunes y otros no tan comunes (¿quieres asustarte viendo tu sitio en netscape 4?, ¿probar cómo se ve en linux?). Soporta incluso sitios con contraseña y resultados de formularios.
• Acceso remoto a sistemas windows, mac y linux
• Pruebas en sistemas móviles
• Pruebas de email

Ventajas: completo, rápido, tiene todo lo que puedas necesitar.
Desventajas: desafortunadamente su interfase no es de lo más amigable. Es caro, aunque permiten que varios usuarios compren una cuenta premium conjuntamente, con lo que se vuelve más accesible.

*Precios: *Desde $39 USD/ mes por solo captura hasta $69/mes por el paquete completo

http://www.browsercam.com

CrossBrowserTesting

Compite bastante favorablemente con browsercam, con algo de menos servicios, pero una interfase mucho más amigable:

• Capturas de pantalla en
• Acceso remoto a sistemas windows, mac y linux

Ventajas: rápido, precio muy razonable
Desventajas: No tienes opción de probar emails

Precios: $19 -$199/mes, dependiendo del numero de minutos disponibles

http://crossbrowsertesting.com/

Litmus app

Litmus es una aplicación más moderna bastante completa, con un enfoque especial en emails.

• Capturas de pantalla en los navegadores más comunes en mac y windows
• Pruebas de email
• Pruebas de spam para tus emails
• Cliente de escritorio para mac

Ventajas: Fácil de usar, muchas herramientas para email
Desventajas: No tiene acceso remoto, no tiene linux

Precios:$49- $199/mes. También tienen un pase de dos semanas por $39

http://litmusapp.com/

Browsershots

Un sitio gratuito, muy en el espíritu open source, con muchísimos navegadores (en particular muchos en linux).

• Solo capturas de pantalla

Ventajas: Gratuito, muchos navegadores que no tienen otros servicios
Desventajas: Puede ser MUY lento, sobre todo para navegadores populares como ie6, las capturas son públicas, por lo que puede ser delicado usarlo para ciertos proyectos. No hay manera fácil de encontrar tus capturas, ni de agrupar capturas de distintas páginas. La calidad de las capturas es muy variable (en algunas puedes ver el escritorio de la computadora, o salen en blanco)

Precios: Gratuito. $29/mes por tiempos preferenciales de captura

http://litmusapp.com/

Adobe BrowserLabs

Adobe ofrece un servicio de capturas, por el momento en beta que se integra con dreamweaver a través de un plugin o se pude usar a través de su sitio

• Sólo capturas de pantalla

Ventajas: Gratuito, integracion con DW CS4, comparación entre navegadores o con un gráfico
Desventajas: No tiene acceso remoto, no tiene linux. No es claro si seguirá siendo gratuito.

Precios: Gratuito.
https://browserlab.adobe.com

Servicios pequeños/ específicos

• Browsrcamp – capturas en varios navegadores en mac
• NetRenderer – capturas en varias versiones de IE

• SCapture – capturas en varios navegadores en linux

Programas locales

Para cuando quieres probar algo que no está en línea aún, o quieres la conveniencia de probar localmente. Estos programas tienen la desventaja de limitarte a tu sistema operativo.

IETester

Prueba tu sitio en IE 5.5, 6, 7 y 8 en una misma interfase con pestañas. He oido que puede haber discrepancias con las versiones “reales” de los navegadores.

Plataforma: Windows | Precio: Gratuito

http://my-debugbar.com/wiki/IETester/HomePage

Expression Web Super Preview

Con el ridículo nombre completo de Microsoft Expression Web 3 Super Preview for Internet Explorer (trata de decir eso sin tomar aire), esta es una herramienta de MS para probar en diferentes versiones de IE (ie6, ie8 en modo de ie7 e ie8), con varias herramientas utiles:

• Comparación lado a lado
• Selección de elementos en la página, que te muestra sus propiedades (selector, dimensiones)
• Reglas y guías
• Visualización del DOM
• Superposición de los navegadores

Plataforma: Windows | Precio: Gratuito

Expression Web Super Preview

Se me olvida alguno?

---

Comentarios

1. 12 noviembre 2009, 20:05Carlos

   Kemie, con un post cada dos años te echamos de menos ;)

2. 13 noviembre 2009, 10:23Kajo

   Magnífico post. Llevo un tiempo usando BROWSERSHOTS, pero como indicas tu, es un poco flojo por el tiempo de espera, por la falta de privacidad y es bastante desordenado. Voy a ir probando las otras herramientas que listas.
   Muchas gracias.

3. 14 noviembre 2009, 17:15kcmr

   Para los que usan Windows, también está Spoon (antes Xenocode) http://spoon.net/browsers/
   Saludos

4. 20 noviembre 2009, 00:18manuel

   Para Windows, IE Collection permite instalar todas las versiones de IE, de 1 a 8, en un solo paquete, y de un solo click. Funcionan perfectamente. Casi increíble.

5. 25 noviembre 2009, 14:30Miguel

   Buena recopilación. Aprovecho para compartir mis referencias sobre el tema. En delicious (http://delicious.com/WebDesign/browsers+tools) y en mi handbook (http://www.miguelsanchez.com/handbook.html).
   Gracias y saludos.

6. 6 diciembre 2009, 02:16Felipergueza

   En mi equipo tengo instalado IETester pero este no funciona con un sitio en modo local.

7. 20 diciembre 2009, 05:58Javier G. C.

   ¡Hola Kemie!

   Conozco otra utilidad que puede ser util: “Total validator”, una extensión para Firefox que permite tomar capturas de pantalla de la página actual de entre una gran variedad de navegadores.

   Además permite validar el código de la misma. Imprescindible.

8. 19 febrero 2010, 10:56Jeanette Delgado

   Saludos, excelente blog. Estaré muy pendiente a los post. Éxito, Jeanette

9. 4 marzo 2010, 01:14Tadeo René Calderón

   ¡Hola Kemie!. Me parece que te quedo uno afuera y es IE for Linux. Se encuentra en este sitio: http://www.tatanka.com.br/ies4linux/page/Main_Page
   Funciona off-line y la versión 2.99.0 ya incluye soporte para Mac OS X.

   Eso es todo. Y que sigan los éxitos.

   Atte,
   Tadeo.

   P.D.: Gracias por tener en cuenta a Linux ;)

10. 10 abril 2010, 01:23Soledad

    Excelentes recursos! Los tendre muy en cuenta!

    Saludos
    Soledad

    http://www.estudiocromatic.com.ar

11. 13 mayo 2010, 00:23Carolina

    Hola…..veo que estas herramientas son para probar sitios web…..mi pregunta es: sirven para probar la compatibilidad de APLICACIONES WEB???…..conocen alguna realmente efectiva.

    Gracias,

    Carolina

12. 11 junio 2010, 20:30Dominiocolectivo.com

    Excelente el diseño web, hay un buen material aquí, realmente impresionado…

13. 7 julio 2010, 10:46Cielodetinta

    Magnífico en recursos! Los uso siempre que puedo para los diseños web de mi empresa, Amida.

    http://www.amidaweb.com/

    Un saludo cordial. Muy buen trabajo.

---

¡Comenta!

Nombre:

Email:

URL:

Mensaje: