Manual de Browserstack (Parte 3)

En la publicación anterior, estuvimos revisando Browserstack hasta su versión Live. Con ella, vimos que se disponen de una gran cantidad de dispositivos físicos, tanto móviles como tablets y se pueden realizar validaciones instantáneamente en diferentes navegadores.

 

Además, podemos ver que disponemos de los últimos móviles prácticamente en su fecha de salida, como el último Samsung S20.

 

Si pulsamos en el primer dispositivo (Android), nos encontramos con una gran gama de marcas y modelos para seleccionar.

Si pulsamos encima del dispositivo, podemos seleccionar los diferentes tipos de navegadores que podemos utilizar, habitualmente Chrome, Firefox, Safari y el nativo de Android.

 

 Una vez dentro, si realizamos estos pasos:

• - Android,
• - Samsung Galaxy S20,
• - Chrome

Veríamos lo siguiente:

 

Si vemos la pantalla mostrada, podemos observar varios grupos en los que podemos trabajar, según las necesidades del momento:

 

• - A la izquierda, aparece un listado de los últimos dispositivos/navegadores que hemos utilizado.
• - Aparece, también, un apartado con tendencias, nuevos dispositivos y un botón "ver todo" muy util.
• - Por último, en la vista del menú de pruebas, tenemos varias opciones muy interesantes que vamos a ver en detalle.

En el menú del dispositivo, podemos observar diferentes opciones, tal y como comentamos anteriormente y que nos ofrecen la posibilidad de adentrarnos mucho más en las validaciones necesarias en ese dispositivo utilizado.

 

Las opciones son las siguientes:

 

• Switch Browser: con esta opción, podemos modificar el navegador utilizado de manera muy sencilla, pudiendo compatibilizar pruebas multinavegador rápido.
  
• Local Testing: con esta opción podemos realizar pruebas automáticas y probar en entornos en desarrollo, sin la necesidad de estar en un entorno preproductivo.
  
• Zoom: podemos acercar o alejar la pantalla para realizar comprobaciones de pixelación o similar.
  
• Report on Slack: Browserstack tiene integración completa con Slack, donde podemos reportar defectos a un canal conectado con el equipo de desarrollo.
  
• DevTools: en esta opción podemos desplegar diferentes opciones de desarrollo, como consola, debug y demás.
  
• Settings: las opciones generales del dispositivo y del formato a realizar para las pruebas.
  
• Rotate Device: podemos rotar el dispositivo con un simple click como si lo tuviesemos en la mano.
  
• Change Location: esta opción es muy util si necesitamos realizar pruebas en diferentes localizaciones.
  
• Device Info: aquí observamos la información completa del dispositivo como si entráramos a los ajustes del mismo.
  
• Stop Session: paramos la sesión de pruebas activa en ese momento y con ese dispositivo/navegador.

 

Y hasta aquí os mostramos esta magnífica herramienta para realizar vuestras pruebas multidispositivo y multinavegador de una manera muy sencilla, pudiendo tener un abanico muy grande de dispositivos, siempre actualizados y a un coste muy razonable para el precio de un único dispositivo físico. 

 

Y a vosotros, ¿qué os parece esta herramienta?, ¿la habéis probado?