Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. iOS
Code

Una forma rápida y precisa para probar Internet Explorer en iOS, Mac OS X, y Android

by
Difficulty:BeginnerLength:ShortLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

A principios de éste año, el equipo de Microsoft lanzó una nueva herramienta para probar sitios en IE sin importar en que plataforma estés; ¡De verdad! Es parte de su trabajo en Microsoft Edge y su nuevo motor de renderizado y nueva cadena de agente de usuario, que es una copia de Trident mucho más interoperable con la Web móvil.

En éste tutorial, quiero demostrar como se ve ésta en Chrome en mi MacBook y cómo configurarlo.

tl;dr? Aquí están algunos videos en Vines para mostrártelo en acción:

La herramienta se llama RemoteIE y está diseñada para ofrecer una versión virtualizada de la versión más reciente de IE. Ésta te permite probar la versión más reciente de IE sin tener instalada una máquina virtual. Y si quieres probar versiones anteriores de IE, siempre puedes utilizar las máquinas virtuales gratuitas en http://dev.modern.ie comenzando aquí.

Configurando todo

Dí todos los pasos para usar la herramienta yo mismo y quería documentar todo en caso de que te encontraras dificultades.

Primero, dirígete a RemoteIE que te llevará a ésta página:

modernie signin page

Necesitarás una cuenta de Microsoft para usar el servicio ya que necesita asociar el servicio con esa cuenta.

Application permissions page

Si tienes una cuenta Live.com o Outlook puedes usar esa, o puedes registrar una nueva. No, no necesitas usar esos servicios para cualquier otra cosa si no quieres, pero realmente han mejorado mucho y podría valer la pena utilzarlos.

Luego, querrás seleccionar que servidor está más cerca de tí para que tengas el mejor desempeño posible:

Select a server location

En éste punto se te pedirá descargar la aplicación de Microsoft Remote Desktop para la plataforma que quieras. Ésto podría ser para

  • Mac OS X
  • iPhone o iPad
  • Android
  • Windows x86 o x64
  • Windows RT
Download page

Como puedes ver, hablaba en serio cuando dije que estaría disponible en varias plataformas. En tu Mac, descarga la aplicación de la Apple App Store. Al dar click en el enlace a Mac te redirigirá al sitio de Apple store.

Microsoft Remote Desktop app in Apple App Store

Da click en el botón View in Mac App Store para que puedas lanzar la aplicación de la App Store en tu Mac. Verás una nota de confirmación de Chrome (o tu navegador favorito en OS X) para lanzar la aplicación externa:

Chrome confirmation page

Y después de que lo confirmes estarás en la entrada de la App Store:

Microsoft Remote Desktop App Store page

En mi caso, yo ya tenía la aplicación instalada y por eso muestra "Open". Si no la tienes instalada, prosigue y hazlo. Una vez que la has instalado, búscala en Finder:

Microsoft Remote Desktop in Finder

O si eres como yo, usa el fabuloso Alfred para encontrarlo:

Typing Microsoft remote d in Alfred

Ahora, el próximo paso es por lo que quería crear éste tutorial, ya que no es inmediatamente obvio que cosa hacer una vez que ejecutes Remote Desktop. Cuando lanzas la aplicación, si observas la cabecera, verás una entrada llamada Microsoft Remote App. Es a lo que querrás dar click:

Microsoft RemoteApp button

De ahí, ahora se te pedirá la información de tu cuenta de Microsoft para determinar que suscripciones a aplicaciones tienes disponibles:

Enter email address
Loading subscriptions

Ahora que eres un usuario registrado, verás un cuadro de diálogo que muestra cuales son tus suscripciones a aplicaciones:

Subscriptions list

De nuevo, quiero ayudarte a evitar confusión aquí ya que la UX en éste punto específico es poco clara. Cuando das click en la casilla de verificación para "Internet Explorer (email: iewebeco@microsoft.com)", una entrada para "Internet Explorer->IE Technical Preview" será agregada a la aplicación principal Microsoft Remote Desktop PERO el cuadro de diálogo con la casilla de verificación que acabo de mencionar no desaparece. Ve aquí:

Subscription box checked

Así que adelante. Una vez que veas la entrada en la aplicación principal dice IE Technical Preview, puedes cerrar el cuadro de diálogo con la casilla de verificación. Puedes ver en la imagen previa cómo resalté el ícono del cuadro de diálogo.

Casi terminamos. Posteriormente, continúa y haz doble click en IE Technical Preview para lanzar tu versión virtualizada de IE. Tomará un minuto para tener todo listo así que sé paciente:

Please wait for the User Profile Service page

Y una vez que termina, tienes una versión completa de IE 11 Technical Preview lista para tí. Nota en la siguiente imagen cómo las herramientas de desarrollador F12 están ahí disponibles para tí.

the F12 Developer Tools are there for you

Mas herramientas de prueba

Ésta es una magnífica nueva herramienta, y definitivamente reducirá la fricción para probar la versión más reciente de IE, pero hay algunas limitaciones que deberían notarse, incluyendo la incapacidad de accesar al sistema de archivos local. Sería fabuloso si eso fuera posible, pero puede ser complicado tratar con VMs (máquinas virtuales), especialmente dese una perspectiva de seguridad.

Por supuesto, hay otras herramientas gratuitas que pueden ayudarte para probar IE:

Si quieres más detalles, puedes revisar el anuncio de Remote IE en el blog de IE. Así que ahora que tienes todo configurado, déjanos saber si te ayuda a reducir el tiempo en el testeo.

Éste artículo es parte de la serie web dev tch de Microsoft. Estamos entusiasmados de compartir Microsoft Edge y el nuevo motor de renderizado EdgeHTML contigo. Obtén máquinas virtuales gratuitas o ejecuta pruebas remotamente en tu Mac, iOS, Android, o dispositivo Windows @http://dev.modern.ie/.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.