Con las plataformas móviles que representan aproximadamente el 50% del tráfico web mundial, es seguro decir que los sitios web deben ser optimizados para el acceso a través de dispositivos móviles si quieren tener una oportunidad de éxito. En consecuencia, las empresas trabajan constantemente para ofrecer a los usuarios una experiencia web impecable en los dispositivos móviles. Para los desarrolladores y los controladores de calidad, esto se traduce en pruebas exhaustivas de las aplicaciones web en dispositivos móviles reales y en los navegadores más populares entre los usuarios.
Android es indiscutiblemente la plataforma móvil más popular del planeta, con una cuota de mercado del 74%. Además, Chrome es el navegador por defecto de la mayoría de los dispositivos Android. Naturalmente, Chrome domina el segmento de los navegadores móviles. Por lo tanto, las pruebas en una combinación de dispositivo-navegador que domina el espacio de Internet es obligatoria.
Este artículo tiene como objetivo guiar a los desarrolladores o QAs sobre cómo pueden probar de forma remota y depurar sus sitios web para Chrome en dispositivos Android reales.
Así que vamos a empezar.
La depuración de sitios web en Android Chrome usando BrowserStack Live
BrowserStack hace que la depuración de Chrome en dispositivos Android reales sea bastante fácil. Los desarrolladores obtienen acceso instantáneo a Chrome DevTools en el terminal Android que hayan elegido. Esto hace que sea fácil para el probador para rastrear errores específicos en un dispositivo específico.
Siga los pasos siguientes para empezar con la depuración remota en Android-Chrome.
- Regístrese para una prueba gratuita en BrowserStack Live.
- Una vez creada la cuenta, navegue hasta el Live Dashboard.
- Entre los sistemas operativos disponibles, elija Android.
- Elija el proveedor deseado (Samsung, OnePlus, etc)
- Pase el ratón por encima del teléfono deseado. (Tomemos como ejemplo el Samsung Galaxy S20) y haz clic en el icono de Chrome. Esto iniciará una nueva sesión de Chrome en un dispositivo Samsung S20 real.
- Una vez que se inicia la sesión, los usuarios pueden simplemente navegar al sitio web que necesitan para probar y pueden comenzar a depurar utilizando Chrome DevTools.
- Inicia Chrome DevTools desde la barra de herramientas flotante.
La captura de pantalla anterior muestra cómo se pueden utilizar las herramientas para desarrolladores para inspeccionar o depurar un elemento web específico en el sitio web de Google. La herramienta para desarrolladores permite a los desarrolladores y a los responsables de calidad modificar y probar el código sobre la marcha. Esto permite la depuración de componentes HTML, CSS y JavaScript para elementos web.
Prueba la depuración remota en Android de forma gratuita
Nota: Uno también puede probar sus sitios web actualmente en desarrollo utilizando la función de pruebas locales. Consulte esta documentación completa sobre las pruebas locales para empezar. La depuración en las etapas iniciales ayuda a los desarrolladores a evitar errores críticos más adelante.
Probar sitios web en múltiples dispositivos reales requiere un laboratorio de dispositivos en las instalaciones. Dichos laboratorios requieren una importante inversión financiera, además de que su actualización y mantenimiento puede resultar una tarea muy tediosa. Como resultado, el uso de una nube de dispositivos reales es una alternativa rentable.
También puedes leer: Cómo inspeccionar elemento en Android
Las plataformas como BrowserStack empoderan a los equipos y a los desarrolladores individuales proporcionándoles la infraestructura de pruebas ideal para las pruebas remotas. Las organizaciones no necesitan preocuparse por mantener un laboratorio de dispositivos en las instalaciones. Sólo tienen que registrarse gratuitamente, elegir la combinación deseada de dispositivo y navegador, y empezar. Además, características como las pruebas locales y DevTools en los navegadores móviles ayudan a eliminar los puntos problemáticos de las pruebas y facilitan notablemente el proceso.