Compatibilidad Entre Browsers: Como Testear La Compatibilidad De Tu Sitio Web Entre Diferentes Plataformas, Navegadores Y Resoluciones – Sharewood Guide

Para testear la compatibilidad de tu website en múltiples navegadores, sistemas operativos o resoluciones de pantalla, hay un puñado de herramientas poco conocidas que los webmasters profesionales mantienen en secreto. He salido a averiguar cuáles son.

Crédito de la foto: BrowserCam editada por Daniele Bazzano

Como posiblemente sepas, no puedes dar por sentado como se verá tu website en una computadora con un sistema operativo diferente al tuyo. De hecho, hay al menos tres cosas principales que afectan la forma que tus páginas se muestran en laos monitores de otras personas:

• El browser (Firefox, Internet Explorer, Safari, etc) y las versiones específicas que tus usuarios usan.
• El sistema operativo (Mac, Windows, Linux) que tus usuarios tienes en sus equipos.
• La resolución de pantalla que tus lectores tienen en sus monitores.

Para hacer esto claro, una página presentada en Firefox 2 en un equipo Windows, probablemente no se verá igual cuando se abre de nuevo en Firefox 3 en una Mac. Esta es la razón por la que un editor online tiene que salir de su entorno y asegurarse de que su sitio se muestra de forma casi idéntica en los diferentes navegadores, sistemas operativos y resoluciones de pantalla.

Pero, ¿cómo puedes probar tal una amplia variedad de posibles combinaciones? Instalar todos los navegadores y sistemas operativos por ahí y, a continuación, probar tus páginas web en cada una de las diferentes resoluciones de pantalla que tu monitor puede manejar?

Si deseas mantener tu cordura, ni siquiera lo intentes. El gran número de posibles combinaciones que necesitas para poner a prueba es bastante aterrador: 15 configuraciones básicas que deben probarse al menos en tres resoluciones diferentes hacen de esto una pesadilla. Confía en mí.

En esta guía, he recogido personalmente a mano las mejores herramientas de pruebas de compatibilidad de navegadores que hay para ayudarte a comprobar rápidamente como se comporta tu sitio web a través de diferentes navegadores, sistemas operativos y resoluciones de pantalla.

Las herramientas para testear la compatibilidad de tu site con los diferentes navegadores y plataformas en general, trabajan todas de la misma manera. Tu proporcionas la dirección URL de la página web que deseas probar y, a continuación, seleccionas los sistemas operativos, navegadores, y (cuando estén disponibles) las resoluciones de pantalla que deseas probar en tu página.

El servicio de test de compatibilidad de navegadores que elijas, procederá a continuación a tomar una captura de pantalla de la página de acuerdo con las características que hayas elegido (sistema operativo, navegador y versión del modelo, etc), de modo que puedas evaluar de inmediato cuáles son las cuestiones clave a abordar dentro del código HTML de la página web.

A continuación tienes una lista completa de todas herramientas y servicios de pruebas de compatibilidad del navegador, así como un conjunto de criterios básicos que he utilizado para comparar los mismos:

• Price: Es el servicio gratis o se requerirá el pago de una tasa para usarlo.
• Free Trial: Muchos servicios permiten un período de prueba gratuito. Averigua quién lo ofrece.
• Browser: Navegadores (y versiones) que son apoyados por el servicio.
• OS: Indica los sistemas operativos con los que pueden hacer el test de compatibilidad.
• Screen resolution: Especifica si se puede probar tu página web a través de diferentes resoluciones de pantalla.
• Unique characteristics: Descubre la característica clave que hace que cada servicio sea único.

Para realizar tu análisis y tarea de selección aún más eficaz, aquí abajo, he preparado una tabla comparativa que muestra todas las herramientas disponibles para testear la compatibilidad del navegador en las múltiples plataformas compatibilidad, junto con un conjunto completo de mini reseñas al presentar cada uno de ellos.

Aquí tienes todos los detalles:

Intro por Daniele Bazzano

Herramientas Para Testear Navegadores en Mútiples Plataformas: Tabla Comparativa

go to the table!

*Por favor consulte a los sitios para precios de planes adicionales.

Testea La Compatibilidad De Tu Site Con Los Diferentes Navegadores, Sistemas Operativos y Resoluciones de Pantalla

1. BrowserCam

   

   BrowserCam te permite probar tu sitio web en diferentes navegadores y sistemas operativos. El servicio funciona en cualquier navegador que se te ocurra que funciones bajo Windows, Mac y Linux Fedora Core 9. También te permite probar diferentes resoluciones de pantalla. Una característica singular de Browsercam es la posibilidad de probar cómo se ven tus páginas en un teléfono inteligente BlackBerry con Windows Mobile 5.0. BrowserCam tiene un precio de $ 19,95 por un día de uso, pero hay soluciones adicionales de precios si lo vas a utilizar por un tiempo más largo. Libre para probar durante 24 horas y 200 capturas de pantalla.

   http://www.browsercam.com/






2. Browsershots

   

   Browsershots es quizás la mejor solución gratuita para probar la compatibilidad de tu sitio web a través de diferentes navegadores, sistemas operativos y resoluciones de pantalla. Browsershots compara el diseño de tu sitio en casi cualquier navegador y sistema operativo en el mercado. Tú también puedes probar tu diseño en diferentes resoluciones de pantalla. Característica única es la posibilidad de probar la profundidad de color, así como JavaScript, Flash y Java códigos, a ver cómo estos parámetros pueden afectar la manera en que su sitio se visualiza.

   http://browsershots.org/






3. Litmus

   

   Litmus es un servicio web que permite comparar la prestación de tu sitio web en distintos navegadores y sistemas operativos. Si usas la versión básica (gratis) puedes ejecutar pruebas con IE7 y Firefox 2. Si adquieres una de las nuevas soluciones pagas puedes tener acceso a una gama más amplia de navegadores y sistemas operativos. Litmus no ofrece período de prueba, ni la posibilidad de someter a prueba su sitio en diferentes resoluciones de pantalla. Como una característica única, este servicio permite testear el layout de tus boletines electrónicos (sólo para MS Office 2003 y Gmail en la versión básica).

   http://litmusapp.com/






4. CrossBrowserTesting

   

   CrossBrowserTesting permite comprobar la compatibilidad de tu sitio en un gran número de navegadores incluyendo IE, Safari, Firefox, Opera, Camino, y algunos más. Los sistemas operativos que están disponibles para testear son Microsft Windows, Mac OSX 10.5, y Ubuntu 7.10. CrossBrowserTesting no ofrece la opción de cambiar entre diferentes resoluciones de pantalla, pero está disponible test con Ajax y Javascript. Los precios comienzan desde $ 1 por 5 minutos de pruebas sin limitaciones. Puedes probar el servicio por un periodo de prueba gratuito de 5 minutos.

   http://www.crossbrowsertesting.com/






5. Browser Photo

   

   Browser Photo es una solución web que toma capturas de pantalla de tus páginas web a través de diferentes navegadores y sistemas operativos para probar el diseño. El servicio funciona con los principales navegadores en el mercado (IE, Firefox, Safari, Opera) se ejecuta en Windows, Mac y Linux. Browser Photo te permite también probar los navegadores en diferentes resoluciones de pantalla así. No ofrece un período de prueba. El precio de $ 15 para usar una vez, Browser Photo ofrece planes adicionales que se adaptan a tus necesidades.

   http://www.netmechanic.com/products/browser-index.shtml






6. BrowsrCamp

   

   BrowsrCamp es un servicio web que te permite comprobar la compatibilidad de tu sitio web a través de diferentes navegadores, pero sólo en las Mac. Trabaja en casi todos los navegadores que se pueden ejecutar en OSX, BrowsrCamp también te permite probar tu sitio en diferentes resoluciones de pantalla. A partir de 3 dólares por dos días de uso, el servicio ofrece soluciones adicionales de precios para períodos de prueba más largos. Se puede probar en forma gratuita sólo en Safari 3.12.

   http://www.browsrcamp.com/






7. IE NetRenderer

   

   IE NetRenderer es un servicio gratuito basado en la web que te permite comparar cómo se ve un sitio web en diferentes versiones de Internet Explorer (de 5,5 a 8 Beta 2). No se puede hacer test de resolución de pantalla. Una característica útil y única de NetRenderer IE te permite comparar a simple vista, cualquier diferencia en la forma en que su página se visualiza entre IE6 y IE7.

   http://ipinfo.info/netrenderer/






8. Multi-Safari

   

   Multi-Safari es un servicio gratuito de prueba de navegadores que te permite comprobar la prestación de tu sitio web a través de diferentes versiones del Safari. El servicio está diseñado para evitar tener que instalar diferentes instalaciones de OSX pata testear tu sitio en versiones del navegador Safari. Multi-Safari no permite ninguna prueba en diferentes resoluciones de pantalla.

   http://michelf.com/projects/multi-safari/



Si conoces otras herramientas para testear la compatibilidad de los browsers que has probado y piensas que vale la pena que las mencionemos acá, por favor con toda confianza déjanos un comentario debajo.

Daniele Bazzano -
Referencia: Master New Media [ Seguir leyendo ]