Guía completa para la verificación de compatibilidad entre navegadores

Los usuarios de Internet tienen una mayor variedad de navegadores cuando se trata de navegar por la red. Es nuestra responsabilidad como diseñadores y desarrolladores garantizar que los sitios web que hemos creado sean compatibles con la mayoría de los navegadores de uso común en estos días..

Eso lleva a una pregunta simple pero crítica - ¿Qué navegadores están usando nuestros visitantes?? Según w3school, los navegadores de uso común son Internet Explorer 7 y 8 y Firefox con Safari y Google Chrome recogiendo poco a poco. Pero las cifras pueden variar de un sitio a otro, dependiendo de su nicho. Es mejor obtener los datos demográficos de las métricas de su sitio., Google analitico por ejemplo.

Una vez que haya identificado los navegadores comunes que utilizan sus visitantes, es hora de asegurarse de que el sitio web muestre lo mismo en estos navegadores. Es casi imposible instalar todos los navegadores diferentes en una máquina. Pero gracias a algunas herramientas y servicios web disponibles, es posible descubrir cómo se ve su sitio web en otros navegadores..

En este artículo, queremos llamar su atención sobre algunas de las soluciones en las que puede confiar para realizar pruebas de compatibilidad entre navegadores. Lista completa despues del salto.

Prueba de compatibilidad en línea

Browsershots

Browsershots es una utilidad de prueba de compatibilidad de navegadores múltiples multiplataforma gratuita y más popular para diseñadores web. Browsershots hace capturas de pantalla de su diseño web en diferentes navegadores. En la base de datos de Browsershots se incluyen todos los navegadores más populares y puede comprobar fácilmente cómo se ve su sitio web en todos los navegadores y plataformas OS.

Sandbox del navegador

Creada por Spoon.net, esta página le permite ejecutar diferentes navegadores, incluidos IE, Firefox, Safari, Chrome y Opera directamente desde su navegador. Simple como eso.

Netrenderer

IE NetRenderer es un comprobador de compatibilidad de navegadores gratuitos. Con IE NetRenderer puede verificar cómo se representa un sitio web con diferentes versiones de Internet Explorer. Después de la prueba beta, muy pronto en IE NetRenderer se integrará la versión más reciente de IE - IE9 y podrá ver si su sitio web muestra errores en este navegador..

Browsrcamp

Browsrcamp le permite probar la compatibilidad de su diseño con los navegadores Mac OS X. Si no quiere gastar dinero, puede verificar la compatibilidad de su diseño con Safari 3.1.2. Simplemente agregue la URL de su sitio web y obtendrá la captura de pantalla de su sitio web. Pero si desea verificar la compatibilidad con otros navegadores Mac, puede suscribirse por 3 $.

Adobe Browserlab

Adobe Browserlab es un servicio alojado en la web que permite a los diseñadores probar diseños en múltiples navegadores y sistemas operativos. En este sistema se incluyen una función de zoom y herramientas de medición como reglas y guías, y la capacidad de moverse rápidamente a áreas específicas de una captura de pantalla. Los conjuntos de navegadores permiten a los diseñadores personalizar, editar y guardar una combinación de navegadores para probar.

Litmusapp

Litmus le muestra capturas de pantalla de sus sitios web a medida que se ven en los principales navegadores web. Después de que termine la prueba, puede obtener un informe de compatibilidad completo listo para que sus clientes lo revisen. Litmus tiene 4 planes de precios. Puedes registrarte de forma gratuita y usar solo los exploradores de Explorer 7 y Firefox 2 o puedes elegir planes de carga.

Visor del sitio

Anybrowser Site Viewer le permite ver páginas HTML como lo harían otros navegadores, o en diferentes tamaños de pantalla. Puede pasar de un enlace a otro para ver las páginas tal como aparecerían en diversos navegadores y verificar la pureza de solo texto. Además, el Visor de sitios de Anybrowser le permite seleccionar elementos de página específicos.

Fundisom

Fundisom es un generador de capturas de pantalla de Mac que te permite ver tu sitio en una Macintosh G5 en Safari, MacIE o Mozilla. Por ahora, el desarrollo web de lixlpixel Safari Screenshot Generator está temporalmente fuera de línea, pero puedes verificarlo más tarde.

Delorie Lynxview

Delorie lynxview es un servicio que permite a los autores web ver cómo se verán sus páginas cuando se las vea con Lynx, un navegador web en modo texto..

Navegador

Browsera debe utilizarse como una herramienta de prueba, no solo como una herramienta de captura de pantalla, y funciona a nivel de sitio en lugar de a nivel de página. Browsera rastrea las páginas de su sitio y las prueba para detectar inconsistencias en el diseño y errores de scripting.

IE Tab

IE Tab es un complemento de Firefox que te permite cargar páginas web en Internet Explorer, sin tener que abrir otra ventana del navegador. Simplemente haga clic en un botón en la barra de herramientas de Firefox y se abrirá la página actual en una nueva pestaña que usa el motor de Internet Explorer en lugar de Firefox.

Plugin y Herramientas

IETester

IETester es un navegador web gratuito que le permite tener los motores de renderizado y javascript de IE9, IE8, IE7 e IE5.5 en Windows 7, Vista y XP. Es útil para los desarrolladores web probar que sus sitios funcionan correctamente en todas las versiones más comunes de Internet Explorer..

IECapt

IECapt es una pequeña utilidad de línea de comandos para capturar la representación de Internet Explorer de una página web en un archivo de imagen BMP, JPEG o PNG.

Multi-Safari

Multi-Safari es una herramienta gratuita de prueba de compatibilidad del navegador que le permite verificar la representación de su sitio web utilizando diferentes versiones de Safari. Multi-Safari no permite pruebas de resolución de pantalla.

Expression Web SuperPreview

Expression Web SuperPreview es una herramienta gratuita que ayuda a los usuarios a probar sus sitios web en diferentes versiones de Internet Explorer. Expression Web SuperPreview es una herramienta de depuración visual independiente que facilita la migración de sus sitios de IE6 a IE7 u 8.

Iphoney

iPhoney te ofrece un entorno de navegación web con precisión de píxeles, que puedes usar cuando desarrolles sitios web para iPhone. Es el lienzo perfecto de 320 por 480 píxeles para el desarrollo de tu iPhone. iPhoney no es un simulador de iPhone, sino que está diseñado para desarrolladores web que desean crear sitios web de 320 por 480 para usar con iPhone.

MultipleIEs

Con MultipleIEs puede probar su página web en Internet Explorer 3, 4, 5 y 6. Estos son navegadores antiguos, pero si puede que su sitio web esté disponible para todos los navegadores, verifique también las versiones más antiguas de IE con MultipleIEs.

IE múltiple

Multiple IE es una herramienta similar como MultipleIEs. El IE múltiple es un pequeño paquete que le permite ejecutar varias versiones de IE en la misma máquina, desde IE 6.0 hasta IE 3.0

SortSite Professional

SortSite Professional permite que los creadores de sitios web, propietarios y consultores revisen sitios completos en busca de cumplimiento de estándares y problemas de calidad. SortSite comprueba cada página que encuentra, luego produce un informe que enumera todos los problemas. SortSite verifica más de 300 puntos de control de calidad.

Lunascape

Lunascape es el primer y único navegador de motor triple del mundo. En se incluyen los principales navegadores: IE, Firefox, Chrome, Safari. Con Lunascape, puede elegir el motor correcto para usar en el momento adecuado, al darse cuenta de una disminución drástica en los problemas de compatibilidad del navegador web, los largos tiempos de carga y la visualización incorrecta de los sitios web..

Servicios especiales

Browsercam

BrowserCam es un servicio en línea de pago que le permite ver sus páginas web en diferentes plataformas y navegadores, ya sea tomando las capturas de pantalla de su elección o accediendo a las computadoras de forma remota.

Prueba cruzada

Con el sitio, podrá probar su sitio web (o el de cualquier otra persona), en cualquier sistema operativo y navegador. Esto debería ahorrarle mucho tiempo cuando intenta hacer las cosas. Costo de suscripciones desde $ 19.95.

Url2image

Al usar la granja de servidores web Url2image, y como usuario registrado, puede solicitar capturas de pantalla del diseño de su página web, utilizando varias combinaciones de navegador / sistema operativo. Url2image oferta premio para capturas de pantalla. 2 capturas de pantalla cuestan $ 1.

SortSite

SortSite Professional comprueba las páginas para una serie de características que no funcionan correctamente, o se comportan de manera diferente, en diferentes navegadores. El premio de la licencia estándar es de $ 149.

Multi Browser Viewer

Multi Browser Viewer incluye 17 navegadores independientes virtualizados y preempaquetados. Además de los 17 navegadores independientes, Multi-Browser Viewer también tiene la capacidad de probar su sitio en 50 navegadores en tres sistemas operativos (Mac, Windows y Linux). El premio de licencia para un solo usuario es de $ 99.95.

Pruebas en la nube

La función de prueba de navegación cruzada de Cloud Testing le permite verificar tanto el aspecto como la funcionalidad de sus sitios web de comercio electrónico y transaccionales utilizando los navegadores IE 6,7,8, Firefox, Apple Safari, Google Chrome y Opera. El precio por una prueba es de £ 0,10.