23 Julio 2018 clcanela
462 0

Compatibilidad Cross Browser o Cómo probar varias versiones de IE


462 0

Ha sucedido más de una vez, terminas con tu maquetado, todo tu HTML y tu CSS están listos después de incontables horas de exportar capas de Photoshop y/o Illustrator, hacer mediciones y acomodar elementos hasta lograr el pixel perfect, entonces decides enviarlo a tu cliente para que lo revise, sólo para enterarte que lo que él ve en su computadora con Windows XP no es lo que tú probaste en Chrome o en Safari.

Entra, la compatibilidad multi-navegador o Cross Browser Compatibility, esta parte del proceso de diseño y maquetado que muchos diseñadores y desarrolladores web pasamos por alto, y es que es muy común que, al usar lenguajes de marcado estándar, uno esperaría que los resultados sean similares entre todos los navegadores, pero lamentablemente no es así, y para evitar el "pero en mi computadora se ve bien" les comparto una forma de lograr probar en distintos navegadores su sitio web, ya sea local o remoto.

Existen muchas herramientas o sitios web que te ayudan a probar tu proyecto web en diferentes navegadores, y no sólo eso, distintas versiones de esos navegadores, como son Browser Stack, Crossbrowser Testing, etc. Pero muchas de esas herramientas populares tienen un costo o una versión freeware muy limitada, es por eso que te quiero compartir la forma en que yo pruebo mis páginas web, HTML, javascript y CSS en diferentes navegadores: Máquinas virtuales

Tal vez el nombre de máquina virtual (o Virtual Machine por su nombre en inglés) suene un tanto intimidante, pero realmente no requiere mucho esfuerzo configurar una máquina virtual, sobre todo si hacemos uso de las VM's que Microsoft ofrece listas para probar sus distintas versiones de Internet Explorer y Microsoft Edge completamente gratis en su sitio de developers de Edge.

La ventaja que tienen éstas máquinas ya preparadas es que, a diferencia de montar una máquina virtual por nuestra cuenta, ya tienen configurado lo mínimo necesario para funcionar, y lo mejor es que no hay que quebrarse la cabeza tratando de conseguir una versión de windows que tenga la versión de Internet Explorer que queremos, pues ya vienen con Windows instalado y listo para usarse.

Otra de las ventajas es que si ya manejamos algún software de virtualización, es posible elegir entre varias plataformas para descargar el formato adecuado como son VMware, Parallels, VirtualBox y Vagrant, pero siguiendo con la idea de que todo sea gratis para nuestras pruebas, yo recomiendo HyperV (Windows) pues de hecho, en la mayoría de los casos, no es necesario descargar ningún software adicional ya que es una característica incluída en Windows. Aunque por defecto HyperV no está activado pues también requiere que tu procesador tenga habilitada la opción de virtualización, la cual al igual que HyperV, en la mayoría de los casos no está activada, la guía de Microsoft de cómo activar HyperV es muy clara y los pasos son muy cortos, hay más de una forma de activar HyperV y puedes seguir los pasos oficiales de Microsoft aquí

Ahora, te estarás preguntando: Todo muy bien para Internet Explorer 8,9,10,11 pero y... ¿Firefox? ¿Opera? bueno, aunque oficialmente las VM's de Microsoft sólo incluyen Internet Explorer, te darás cuenta que la ventaja de ser una máquina virtual es que tienes un sistema operativo a tu alcance, completamente independiente del de tu computadora normal, por lo que puedes aprovechar para descargar e instalar la versión que quieras del navegador que necesites en cualquiera de las máquinas virtuales, recuerda que una máquina virtual es como una mini computadora "dentro" de tu computadora, por lo que básicamente puedes hacer con ella lo que quieras (agregarle RAM, espacio en disco, resolución de pantalla, etc.) mientras no excedas la capacidad de tu equipo físico.

Sólo un comentario antes de cerrar, para Microsoft Edge, no es necesario descargar ninguna MV (por lo menos no en winsows 10) ya que las herramientas de desarrollador del mismo navegador permiten alternar entre versiones de Edge sin mayor complicación (también es posible hacer el render al estilo de IE8,9,10 pero no es 100% fiel al navegador original) De igual forma, Chrome, Safari y Firefox normalmente se actualizan en automático, así que es posible que tampoco sea muy necesario probar distintas versiones de estos navegadores a menos que el uso final de tu sitio web sea en una versión muy específica de alguno de ellos, sí es conveniente instalar dicha versión en una MV. Y, por último, hoy en día ya no es tan común pero, incluso versiones iguales de un mismo navegador pueden mostrar diferentes resultados según el sistema operativo, por lo que sí es recomendable considerar mismos navegadores-versiones en distintos sistemas operativos (Chrome en MacOS, Ubuntu, Windows 7, Windows 10, etc.)

Pues eso es todo, una forma gratuita y robusta para poder probar la compatibilidad cross browser entre distintos sistemas operativos, versiones de navegador y lo mejor de todo, sin costo.

¡Felices Sentencias!

Link: Máquinas Virtuales de Microsoft

Link: Activar HyperV en Windows 10

Quizá te interesen
Recibirás notificaciones de las respuestas a tu comentario y obtendrémos tu avatar de Gravatar.com Tu correo no será publicado