Emular y probar otros exploradores

Artículo
04/04/2023

El trabajo no termina con asegurarse de que el sitio se ejecuta muy bien en Microsoft Edge y Android. Aunque la herramienta Emulación de dispositivos puede simular una gama de otros dispositivos, como teléfonos inteligentes, le recomendamos que consulte las soluciones para emulación proporcionadas por otros exploradores.

Resumen

Cuando no tienes un dispositivo determinado o quieres realizar una comprobación puntual de algo, la mejor opción es emular el dispositivo justo dentro del explorador.
Los emuladores y simuladores de dispositivos permiten imitar el sitio de desarrollo en una variedad de dispositivos, desde la estación de trabajo.
Los emuladores basados en la nube le permiten automatizar pruebas unitarias para el sitio en distintas 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 asegurarse de que todo se comporta según lo esperado.

Vista de diseño con capacidad de respuesta de Firefox

Firefox tiene una vista de diseño con capacidad de respuesta que le 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 su propio tamaño de pantalla arrastrando los bordes de la ventana.

Emulación de EdgeHTML

Para emular Teléfonos Windows, use la emulación integrada de Microsoft Edge (EdgeHTML).

Use la emulación de IE 11 para simular el aspecto de la página en versiones anteriores de Internet Explorer.

Emuladores y simuladores de dispositivos

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

Emulador de Android

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

El emulador de Android incluye el SDK de Android que debe 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, seleccione el icono Explorador y pruebe su sitio en el antiguo Stock Browser para Android.

Chromium shell de contenido en Android

Para instalar el shell de contenido de Chromium 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 el sitio con el Shell de contenido de Chromium.

Firefox en Android

De forma similar a la Chromium Content Shell, puedes obtener un APK para instalar Firefox en el emulador.

Descargue el archivo .apk correcto.

Para instalar el archivo en un emulador abierto o en un 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 el App Store.

Cuando haya terminado, aprenda a trabajar con el simulador a través de la documentación para desarrolladores de Apple.

Nota:

Para evitar tener que abrir Xcode cada vez que quiera usar el simulador de iOS, ábralo , haga clic con el botón derecho en el icono del simulador de iOS en el dock y, a continuación, seleccione Mantener en dock. Ahora solo tiene que hacer clic en el icono siempre que lo necesite.

Microsoft Edge (EdgeHTML)

Si necesita probar su sitio web o aplicación con exploradores de Microsoft y no tiene las versiones necesarias de Windows para hacerlo, puede usar BrowserStack, que admite la prueba de muchas combinaciones de exploradores de Microsoft y sistemas operativos pasados y presentes. Por ejemplo, puede probar todas las versiones de Microsoft Edge (Chromium) de la versión 80 en adelante y las versiones 15 a 18 de Microsoft Edge (EdgeHTML). Las pruebas de Microsoft Edge son gratuitas en BrowserStack. Para obtener más información, consulte Pruebas del explorador Microsoft Edge en BrowserStack.

Emuladores y simuladores basados en la nube

Si no puede usar los emuladores y no tiene 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 para el sitio en distintas plataformas.

La lista siguiente es un ejemplo de emuladores y sitios de prueba basados en la nube. Revise las descripciones de las características o funcionalidades que debe tener en cuenta al seleccionar un sitio de prueba. Realice su propia búsqueda para encontrar el mejor emulador basado en la nube para sus necesidades.

BrowserStack le ayuda a realizar pruebas manuales. Seleccione un sistema operativo, una versión del explorador, un tipo de dispositivo y una dirección URL para examinar y, a continuación, BrowserStack inicia una máquina virtual hospedada con la que puede interactuar. Puede ejecutar varios emuladores en la misma pantalla para probar el aspecto de la aplicación en varios dispositivos al mismo tiempo.
Mobileum no usa emuladores, sino dispositivos reales que se pueden controlar de forma remota. Esto resulta útil cuando necesita reproducir un problema en un dispositivo específico y es posible que un problema no aparezca en algunos informes.
HeadSpin le ayuda a realizar pruebas manuales entre exploradores en miles de dispositivos, exploradores y sistemas operativos reales. Puede grabar vídeos de errores complejos y compartirlos a través de la integración, como Slack, JIRA y mucho más. Avance rápidamente su lanzamiento al mercado mediante pruebas en paralelo.
LambdaTest le ayuda a realizar pruebas manuales entre exploradores en una combinación de varios exploradores y sistemas operativos. Puede 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 mediante la ejecución de pruebas en paralelo.
SauceLabs le permite ejecutar pruebas unitarias dentro de un emulador, lo que puede ser útil para crear scripts 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. Pruebe tanto los sitios web como las aplicaciones móviles en los emuladores y dispositivos físicos de TestingBot.