Emular y probar otros exploradores

Artículo
11/04/2021
Tiempo de lectura: 5 minutos

El trabajo no termina con asegurarse de que el sitio se ejecuta bien en Microsoft Edge y Android. Aunque el modo de dispositivo puede simular una variedad de otros dispositivos, como teléfonos inteligentes, te recomendamos que consultes las soluciones de emulación proporcionadas por otros exploradores.

Resumen

Cuando no tienes un dispositivo en particular o quieres hacer una comprobación de spot en algo, la mejor opción es emular el dispositivo directamente dentro del explorador.
Los emuladores y simuladores de dispositivos te permiten imitar el sitio de desarrollo en una amplia variedad de dispositivos desde la estación de trabajo.
Los emuladores basados en la nube permiten automatizar las pruebas unitarias de su sitio en diferentes plataformas.

Emuladores de explorador

Los emuladores de explorador son excelentes para probar la capacidad de respuesta de un sitio. Pero un emulador de explorador no emula las diferencias en api, compatibilidad con CSS y ciertos comportamientos que se manifiestan solo en un explorador móvil en un dispositivo real. Pruebe el sitio en exploradores que se ejecutan en dispositivos reales, para estar seguro de que todo se comporta como se esperaba.

Vista Diseño dinámico de Firefox

Firefox tiene una vista de diseño con capacidad de respuesta que te anima a dejar de pensar en términos de dispositivos específicos y, en su lugar, explorar cómo cambia el diseño en tamaños de pantalla comunes o en tu propio tamaño de pantalla arrastrando los bordes de la ventana.

Emulación edgeHTML

Para emular Windows teléfonos, use la emulaciónMicrosoft Edge (EdgeHTML) integrada .

Use la emulación de IE 11 para simular cómo podría verse la página en versiones anteriores de Internet Explorer.

Emuladores y simuladores de dispositivos

Los simuladores y emuladores de dispositivo simulan no solo el entorno del explorador, sino todo el dispositivo. Cada simulador es útil para probar cosas que requieren la integración del sistema operativo, como la entrada de formulario con teclados virtuales.

Emulador de Android

Por el momento, no hay ninguna forma de instalar Microsoft Edge en un emulador de Android. Sin embargo, puedes usar el Explorador de Android, el Shell de contenido Chromium y Firefox para Android, que revisaremos más adelante en este artículo. Chromium El Shell de contenido ejecuta el mismo Chromium de representación que Microsoft Edge, pero no incluye características específicas del explorador.

El emulador de Android viene con el SDK de Android que necesitas descargar como parte de Android Studio. A continuación, siga las instrucciones para configurar un dispositivo virtual e iniciar el emulador. Después de arrancar el emulador, selecciona el icono Explorador y prueba el sitio en el antiguo Explorador de acciones para Android.

Chromium shell de contenido en Android

Para instalar el shell Chromium contenido para Android, mantenga el emulador en ejecución y ejecute el siguiente comando:

git clone https://github.com/PaulKinlan/chromium-android-installer.git
chmod u+x ./chromium-android-installer/*.sh
./chromium-android-installer/install-chromeandroid.sh

Ahora puede probar su sitio con el Shell Chromium contenido.

Firefox en Android

Al igual que Chromium Shell de contenido, puedes obtener un APK para instalar Firefox en el emulador.

Descargue el archivo .apk correcto.

Para instalar el archivo en un emulador abierto o dispositivo Android conectado, ejecute el siguiente comando:

adb install <path_to_APK>/fennec-XX.X.XX.android-arm.apk

Simulador de iOS

El simulador de iOS para Mac OS X viene con Xcode, que se instala desde la Tienda de aplicaciones.

Cuando haya terminado, obtenga información sobre cómo trabajar con el simulador a través de la documentación del desarrollador de Apple.

Nota

Para evitar tener que abrir Xcode cada vez que quiera usar el simulador de iOS, ábralo, mantenga el mouse en el icono simulador de iOS en el dock, abra el menú contextual (haga clic con el botón derecho) y elija Mantener en dock. Ahora solo tienes que elegir el icono siempre que lo necesites.

Microsoft Edge (EdgeHTML)

Microsoft Edge (EdgeHTML) Las máquinas virtuales (VM) permiten tener acceso a diferentes versiones de EdgeHTML e Internet Explorer en el equipo a través de VirtualBox (o VMWare). Seleccione una máquina virtual en la página de descarga.

Emuladores y simuladores basados en la nube

Si no puedes usar los emuladores y no tienes acceso a dispositivos reales, los emuladores basados en la nube son lo siguiente mejor. Una gran ventaja de los emuladores basados en la nube sobre dispositivos reales y emuladores locales es que puede automatizar las pruebas unitarias de su sitio en diferentes plataformas.

Los siguientes productos son ejemplos de emuladores basados en la nube y productos relacionados. Estas descripciones son de los sitios de información de los productos y sirven como ejemplos de características o capacidades a tener en cuenta.

BrowserStack le ayuda a realizar pruebas manuales. Seleccionas un sistema operativo, una versión del explorador, un tipo de dispositivo y una dirección URL para examinar y, a continuación, BrowserStack gira una máquina virtual hospedada con la que puedes interactuar. Puedes ejecutar varios emuladores en la misma pantalla para probar la apariencia de la aplicación en varios dispositivos al mismo tiempo.
Device Anywhere no usa emuladores, sino dispositivos reales que puedes controlar de forma remota. Esto es útil cuando necesitas reproducir un problema en un dispositivo específico y es posible que un problema no aparezca en algunos informes.
LambdaTest le ayuda a realizar pruebas manuales entre exploradores en una combinación de varios exploradores y sistemas operativos. Puedes grabar vídeos de errores complejos y compartirlos a través de la integración como Microsoft Teams, Slack y mucho más. Puede acelerar las pruebas ejecutando pruebas en paralelo.
SauceLabs te permite ejecutar pruebas unitarias dentro de un emulador, lo que puede ser útil para secuencias de comandos de un flujo a través del sitio y ver la grabación de vídeo de esto después en varios dispositivos. También puede realizar pruebas manuales con su sitio.
TestingBot le ayuda a realizar pruebas manuales y automatizadas en varias combinaciones de explorador y sistema operativo. Prueba tanto los sitios web como las aplicaciones móviles en los emuladores y dispositivos físicos de TestingBot.

(Esta lista se cierra para las adiciones).