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

Usar los DNS públicos de Google para una mejor navegación

Primero ¿Qué son las DNS?

Las DNS son servidores que relacionan un nombre de dominio, con su dirección IP real. Muchos países para bloquear un determinado sitio web, piden a los servidores de DNS que bloqueen el dominio. Por defecto usamos las DNS de nuestro ISP (por ejemplo Movistar), pero se pueden usar cualquier otro servidor DNS.

El protocolo DNS es una parte importante de la infraestructura de la web, que sirve como guía de telefónica dentro de internet: cada vez que tu visitas un sitio web, el ordenador realiza una búsqueda DNS. Páginas web a menudo requieren múltiples búsquedas de DNS antes de comenzar la carga, por lo que el equipo puede estar realizando cientos de búsquedas al día.

Ahora a la acción 

Usaremos los DNS públicos de Google para mejorar nuestra velocidad y con seguridad sobretodo, los siguientes pasos de configuración son para Windows 7 y 8, en  Windows XP también puede aplicarse salvo que los nombres en el Panel de Control cambian pero con un poco de sentido común son ubicables.

Beneficios de usar la DNS de Google:

  • Acelera la navegación.
  • Seguridad
  • No redirecciones a la hora de navegar.

Colocar los DNS de Google en Windows 7 y 8

1 –  Dirigirnos al Panel de Control.
2-  Si tenemos la vista por Categoría, de lo mostrado seleccionar “Redes e Internet”, luego seleccionar “Centro de redes y recursos compartidos”, una vez realizado ello veremos esta pantalla.

DNS-3

3 – Hacer clic en “Cambiar configuración del adaptador”, esto esta ubicado en el lado izquierdo.
4 – Escoge el adaptador de red que estés usando.
5- Hacer clic derecho y seleccionar Propiedades del menú contextual que se muestra.

DNS-4
6- En la nueva ventana que acaba de aparecer seleccionar la pestaña Funciones de red y de lista ubicada en el centro seleccionar Protocolo de Internet versión 4 (TCP/IPv4) y darle a Propiedades.

7- Se mostrarán las propiedades y es aquí donde debemos insertar los DNS provistos por Google. Marcamos  “Usar las siguientes direcciones de servidor DNS”, luego colocamos los siguientes números en Servidor DNS preferido y Servidor DNS alternativo, tal como muestra la imagen a continuación.

Servidor DNS preferido: 8.8.8.8

Servidor DNS alternativo: 8.8.4.4

DNS-6

8- Listo, una vez hecho esto, le damos a Aceptar, luego Cerrar y los cambios estarán aplicados. 


Enlaces de información:

Public DNS – Google

Google Public DNS – Wikipedia