Probar compatibilidad entre Internet Explorer y tu web usando MODERN.IE

ModernIE

Durante el desarrollo de un CMS en conjunto con mi equipo, inicialmente nos basamos en hacer la parte visual compatible con Chrome y Firefox. Llegado el momento de testearlo en otros navegadores como es el caso de IE, nos surgieron algunos problemas con las anteriores versiones de IE mientras que en IE10 andaba todo normal, en IE 8 se descuadraba el layout y algunos estilos no eran representados muy bien.

En mi equipo tengo Windows 8 y por lo tanto IE 10, que es un navegador que ha corregido varios problemas de incompatibilidad presentes en los anteriores versiones. Pero había que dar soporte a IE8 y al no tenerlo no tenía como solucionar esos problemas.

Microsoft ha puesto a disposición un conjunto de herramientas muy útiles llamado MODERN.IE, justamente para ayudar con estos problemas. Puedes ingresar al sitio y observarás inicialmente un cuadro de texto para insertar la URL de tu sitio web y que MODERN.IE escanee problemas comunes en tu código HTML/CSS que puedan generar incompatibilidad en las versiones de IE, además muestra las sugerencias detalladas para solucionarlos.

Escaneando un sitio con MODERN.IE

Escaneando un sitio con MODERN.IE

Usando máquinas virtuales para testear la compatibilidad con IE

¿Qué es una máquina virtual?

Una máquina virtual básicamente te permite correr un sistema operativo dentro de otro sistema operativo, por ejemplo correr dentro de Windows una distribución linux como Ubuntu. O también correr una versión de Windows 7 con IE8 dentro de mi PC con Windows 8, como es mi caso y en lo me basaré para el tutorial.

A la acción

1- Antes de comenzar vamos a necesitar tener instalado un reproductor de las máquinas virtuales que vayamos a descargar. Microsoft nos provee de las máquinas virtuales pero no del programa para poder reproducirlo, por eso no dirigimos al sitio de descarga de VMware Player gratuitamente y lo instalamos en nuestro ordenador como cualquier otro programa.

Instalación de VMware Player en  proceso

Instalación de VMware Player en proceso

VMware correctamente instalado

VMware Player correctamente instalado y ejecutado

2- Bien, ya tenemos instalado el VMware Player, ahora es momento de bajarnos la máquina virtual desde el sitio de MODERN.IE en Realizar Pruebas en varios Exploradores y seleccionar tu sistema operativo de tu pc + VMWare Player para Windows . Yo en mi caso me baje las partes de “IE8 – Win7”, la máquina virtual está en partes .rar, por lo que al terminar de descargar todas deberás unirlas después.

Nota: Recuerda tener instalado el descompresor WinRAR en tu pc.

Elige la máquina virtual a descargar

Elige la máquina virtual a descargar

Descargadas todas las partes .rar

Descargadas todas las partes .rar

Extraemos las partes, doble clic a la primera parte con extensión .exe y Extract

Extraemos las partes, doble clic a la primera parte con extensión .exe y Extract, esto proceso tomará unos minutos

Terminada la extracción nos resultará de esta manera

Terminada la extracción nos resultará de esta manera, ya tenemos la máquina virtual completa

3- En este punto ya disponemos de la máquina virtual completa, nos queda iniciar WMware Player y abrir la máquina virtual para poder ejecutarla.

"Open" y seleccionamos ubicación de la máquina virtual

“Open” y se nos abrirá una ventana para seleccionar ubicación

Seleccionamos la máquina virtual

Seleccionamos la máquina virtual que había sido generada en los pasos anteriores

a

Clicamos a “Import”, el proceso demorará unos minutos

a

Ya importada la virtual machine aparece en la lista y le damos a “Play virtual machine”

a

Cargando la máquina virtual de Windows 7

a

Al iniciar el sistema configuramos algunos detalles, como el tipo de la conexión, en mi caso “Public Network”

a

Accedemos a Internet Explorer

a

Página de bienvenida

a

Está todo listo para testear sitios en IE 8. Como consejo adicional puedes poner en modo pantalla completa para una mayor visualización con CTRL+ALT+ENTER

NOTA: Al suspender tu máquina virtual y reabrirla te pedirá una contraseña para el usuario IEUser la cual es: Passw0rd!

Info adicional: https://modernievirt.blob.core.windows.net/vhd/virtualmachine_instructions_2013-07-22.pdf

Hasta aquí llegó el post, con estos pasos ya tendrás configurado tu entorno para testear tus proyectos web y su compatibilidad con las versiones de Internet Explorer antiguas y recientes. Good luck!

Anuncios