Testear Compatibilidad De Navegadores: Guía A Las Mejores Herramientas De Browser Compatibility Testing
¿Cómo se ve tu sitio web en otro navegador, sistema operativo, o resolución de pantalla diferentes? ¿Sabes que el layout, los márgenes, la fuente de visualización y otras características visuales de tu sitio web pueden cambiar drásticamente cuando se los ve en un navegador, sistema operativo, o resolución de pantalla distintos de los que tienes en tu propia computadora?
Crédito de la foto tombaky
En el esfuerzo por hacer que tu sitio parezca más creíble, confiable y "profesional", puede que hayas estado preguntando cuál es la mejor manera de hacer tal análisis de compatibilidad de navegador, más allá de la instalación de múltiples navegadores, con varios PCs y Macs y sacudiendo la configuración de la pantalla cientos de veces.
Y, de hecho, hay una mejor manera las herramienteas para testear la compatibilidad de navegador son un conjunto de herramientas y servicios basados en web que pueden ser aprovechados para probar, comprobar y verificar cómo cualquier página web de tu sitio se va a ver desde un equipo/browser/sistema operativo/resolución de pantalla diferente.
En esta guía de MasterNewMedia se pueden encontrar las mejores herramientas y servicios para comprobar cómo otros realmente ven tu sitio web.
Cuando se trata de pruebas de compatibilidad de navegador hay al menos tres factores principales que pueden afectar la forma como se ve tu sitio web en otros equipos
- Navegador web El tipo de navegador web que usan tus lectores (Firefox, Internet Explorer, Safari, etc) y también la versión específica que hayan instalado (Internet Explorer 6 es diferente de Internet Explorer 7).
- Sistema operativo El sistema operativo (Mac, Windows, Linux) que los usuarios hayan instalado en sus máquinas (Firefox en Mac hace una página web diferente de la de Firefox en Windows).
- Resolución de pantalla La resolución de pantalla (800x600, 1024x768, 1280x800, etc) que se haya fijado en sus monitores.
Sólo la mezcla de las diferentes opciones disponibles en estas tres variables básicas te ayudarán a darte cuenta de cuántas configuraciones diferentes los usuarios pueden tener.
Pero, ¿cómo puedes probar una variedad tan amplia de posibles combinaciones? ¿Instalando todos los navegadores y sistemas operativos disponibles del mercado y luego probando cada resolución de pantalla que tu monitor pueda manejar?
De ninguna manera. El gran número de posibles combinaciones que necesitas poner a prueba van más allá de lo imaginable 15 configuraciones básicas al menos en tres diferentes resoluciones asustan lo suficiente como para convertirse en tu peor pesadilla.
Afortunadamente, aquí es exactamente donde las herramientas de compatibilidad de navegador han venido en tu auxilio. Se trata de un puñado de herramientas (ya sea gratis o a precios razonables) que puedes utilizar para comprobar la compatibilidad de tu sitio web a través de distintos navegadores web, sistemas operativos y resoluciones de pantalla.
¿Cómo estas herramientas y servicios funcionan?
Herramientas para testear la compatibilidad de navegador en general, funcionan todas de la misma manera. Es necesario proporcionar la dirección URL de la página web que deseas comprobar y, a continuación, seleccionar los sistemas operativos, navegadores web, y las resoluciones de pantalla específicas para probar en tu página.
Tu herramienta de compatibilidad de navegador seleccionada generará una captura de pantalla de esa misma página desde un equipo virtual creado de acuerdo a tus valores especificados (sistema operativo, tipo de navegador y la versión, etc.) De esta manera, inmediatamente puedes evaluar cuáles son los problemas de diseño clave que deben abordarse.
A continuación figura una tabla comparativa y una serie de revisados individuales para ayudarte a evaluar todos estos servicios para testear la compatibilidad de navegador. He aquí los criterios utilizados para comparar los mismos
- Sistemas operativos admitidos Los sistemas operativos que se pueden utilizar para probar tus páginas web (por ejemplo Mac, Windows XP / Vista, Linux, etc.)
- Navegadores compatibles La marca y versiones de navegadores web disponibles que pueden ser utilizados para las pruebas de compatibilidad (Firefox, IE, Safari, Chrome, etc.)
- Pruebas de resolución de pantalla Las resoluciones de pantalla específicas que puedes utilizar para comprobar el aspecto del diseño de tu sitio web en diferentes configuraciones de pantalla (800x600, 1024x768, 1280x900, etc.)
- Características únicas principales características que distinguen a cada herramienta para testear la compatibilidad de navegador.
- Prueba gratis El período de evaluación ofrecido para testear la herramienta.
- Precio Costo de la herramienta para testear la compatibilidad de navegador.
Herramientas Para Testear La Compatibilidad De Navegador - Tabla De Comparación
Herramientas Para Testear La Compatibilidad De Navegador
- Browsercam
BrowserCam es una herramienta para testear la compatibilidad de navegador que te permite comprobar cómo se ve tu sitio web desde diferentes navegadores y sistemas operativos. El servicio funciona en todos los navegadores web más importantes y se ejecuta en Windows, OS X, y Linux Fedora Core 6. Además, navegadores menores, como Konqueror, Camino o Netscape son admitidos. Pruebas de diferentes resoluciones de pantalla (640x480, 800x600, 1024x768 y 1280x800) están permitidas. Browsercam también puede probar cómo las páginas se presentan en los sistemas operativos móviles como OS X Mobile, Android o Windows Mobile. Browsercam tiene un precio de $ 19,95 por un día de uso, pero también existen soluciones de tarificación adicional, si necesitas utilizar el servicio por más tiempo. Gratuito para probar durante 24 horas y 200 capturas de pantalla.
http://www.browsercam.com/
- BrowserShots
Browsershots es una solución gratuita para probar la compatibilidad de tu sitio en diferentes navegadores, sistemas operativos y resoluciones de pantalla. Con BrowserShots, puedes probar tu sitio web en casi todos los navegadores y sistemas operativos en el mercado (ver tabla comparativa para más detalles). También puedes probar el diseño en todas las resoluciones de la pantalla principales (640x480, 800x600, 1024x768, 1280x800). Su característica única es la opción para poner a prueba también la profundidad de color, JavaScript, Flash y códigos Java de tu sitio web, para ver cómo estos parámetros pueden afectar la manera como tus páginas se muestran. - Litmus
Litmus es una herramienta para testear la compatibilidad de navegador que permite comparar la traducción de tu sitio web a través de diferentes navegadores y sistemas operativos. Todos los principales navegadores para Windows y OS X son compatibles. Como una característica única, el servicio te permite probar el layout de tu newsletter online para ver cómo se ve en todos los principales clientes de correo electrónico. Litmus no ofrece período de prueba, ni la posibilidad de probar tu sitio en diferentes resoluciones de pantalla. Litmus tiene un precio de 39 dólares durante 14 días de uso. El servicio también tiene una versión (básica) gratuita que te permite ejecutar pruebas de compatibilidad de Internet Explorer 7 y Firefox 2, con 50 capturas de pantalla.
http://litmusapp.com/
- BrowsrCamp
BrowsrCamp es una herramienta para testear la compatibilidad de navegador diseñada para navegadores web basados en OS X. BrowsrCamp puede probar todos los navegadores web más importantes en el Mac y también menos conocidos como Sunrise, Deméter o iCab. El servicio soporta pruebas de resolución de pantalla de hasta 1600x1200. A partir de $ 3 por dos días de uso, BrowsrCamp ofrece soluciones de tarificación adicional para períodos más largos de prueba. Pruebas gratis están disponible para Safari 3,12 solamente. - Adobe BrowserLab
Adobe BrowserLab es una herramienta cruzada gratuita para testear la compatibilidad de navegador que te permite hacer una comparación lado a lado de cómo tu sitio web se representa en distintos navegadores web y sistemas operativos. Todavía en fase beta, el servicio funciona con Internet Explorer, Firefox, Safari, Chrome en cualquiera de Windows y OS X. Las pruebas de resolución de pantalla no son compatibles.
https://browserlab.adobe.com
- Ie NetRenderer
IE NetRenderer es un servicio para testear la compatibilidad de navegador que puedes utilizar para comparar cómo tu sitio web se ve a través de diferentes versiones de Internet Explorer (del 5,5 a 8). Pruebas de resolución de pantalla no están permitidas. Su característica única es la opción de comparar a primera vista cualquier diferencia en la forma en que tu sitio web se representa en Internet Explorer 6 y 7. - Multi-Safari
Multi-Safari es otra herramienta para testear la compatibilidad de navegador que permite comprobar la presentación de tu sitio web utilizando diferentes versiones de Safari, el navegador web por defecto de OS X. Puedes probar versiones de Safari en OS X 10.2 hasta 10.5. Multi-Safari no permite la prueba de resolución de pantalla. El servicio está disponible tanto en Inglés y Francés. - CrossBrowserTesting
CrossBrowserTesting te permite comprobar la compatibilidad de tu sitio en un gran número de navegadores de web, Internet Explorer, Safari, Firefox, Opera, Camino, y otros. Los sistemas operativos disponibles para las pruebas son Windows, OS X 10.5, y Ubuntu Linux 7.10. CrossBrowserTesting no ofrece la opción de cambiar entre diferentes resoluciones de pantalla, pero el Javascript y las pruebas Ajax están disponibles. Los precios comienzan desde $ 19.95 por 150 minutos de uso. También puedes probar el servicio durante un período de prueba gratuita de 7 días.
http://crossbrowsertesting.com
- Browser Photo
Browser Photo es una solución para testear la compatibilidad de navegador de tu sitio web a través de navegadores web y sistemas operativos diferentes. Browser Photo funciona con todos los principales navegadores del mercado (Internet Explorer, Firefox, Safari, Opera) en Windows, OS X y Linux. El servicio también puede probar tu sitio web en dos diferentes resoluciones de pantalla: 800x600 y 1024x768. Browser Photo tiene un precio de $ 15 para un solo uso. No hay período de prueba disponible.
http://www.netmechanic.com/products/browser-index.shtml
- Multi-Browser Viewer
Multi-Browser Viewer es una herramienta de prueba cross-browser que permite comprobar la compatibilidad de tu sitio web a través de navegadores web y sistemas operativos diferentes. La herramienta prueba todos los navegadores web más importantes en los tres principales sistemas operativos (Windows, OS X y Ubuntu Linux), y también los menos conocidos navegadores alternativos, como la Epifanía, Konqueror o SeaMonkey. No hay pruebas de resolución de pantalla disponibles. Multi-Browser Viewer también te permite validar y auto-corregir el código HTML de tu sitio web para resolver problemas de compatibilidad. No hay pruebas de resolución de pantalla disponibles. Multi-Browser Viewer tiene un precio de $ 24.95 para una única licencia. Pruebas gratuitas están disponible durante 14 días.
http://www.multibrowserviewer.com
- BrowserSeal
BrowserSeal es una herramienta de prueba de compatibilidad de navegador que puedes utilizar para descubrir cualquier problema de compatibilidad de tu sitio web a través de los navegadores web importantes basadas en Windows (Internet Explorer, Firefox y Safari). Pruebas de resolución de pantalla no están disponibles. BrowserSeal tiene un precio de $ 28 para una licencia única y puedes probar el servicio de forma gratuita en Firefox con tres capturas de pantalla.
Referencia: MasterNewMedia [ Seguir leyendo ]
