Cómo ver sitios web móviles en PC en Google Chrome

Los sitios web deben probarse en ciertos navegadores para garantizar que sean compatibles con los estándares de los navegadores.

Durante el desarrollo, se ejecutan pruebas periódicamente para garantizar que cualquier cambio en el código base se refleje en el navegador. Este procedimiento garantiza que los diseñadores web optimicen sus sitios para su uso en el mundo real.

Sin embargo, los desarrolladores deben tener en cuenta que los dispositivos móviles representaron el 54,8 % del tráfico global de Internet en el primer trimestre de 2021. Como resultado, deben asegurarse de que sus sitios web estén optimizados para navegadores móviles. Chrome es sin duda el navegador móvil más popular, con una cuota de mercado global del 64,06 por ciento. Como resultado, es fundamental probar las versiones móviles de los sitios web en Chrome.

Uso de la simulación de dispositivos en Chrome DevTools for Mobile View

Los usuarios pueden ver la versión móvil de un sitio web utilizando Chrome Devtools.

Tenga en cuenta que este no es un método completamente confiable, ya que utiliza un simulador en lugar de un dispositivo real y navegadores para realizar el trabajo. Por lo tanto, no puede replicar todas las condiciones reales del usuario, lo que significa que cualquier prueba que se ejecute con este método no será concluyente. Para obtener resultados 100% precisos, use el segundo método: use navegadores reales.

Estos son los pasos para ver la versión móvil de un sitio web en Chrome:

  • Abra DevTools presionando F12.
  • Haga clic en la "Barra de herramientas de cambio de dispositivo" disponible. (El ícono se vuelve azul cuando el modo de dispositivo está activado)
  • Elija un dispositivo que desee simular de la lista de dispositivos iOS y Android.
  • Una vez que se elige el dispositivo deseado, muestra la vista móvil del sitio web.

Para que los desarrolladores web obtengan información de prueba precisa, la prueba exhaustiva en dispositivos reales no es negociable. Les permite verificar sitios web en condiciones reales de usuario.

Real Device Cloud de BrowserStack para pruebas en vivo

La forma ideal de probar un sitio web es probarlo en un dispositivo real. Esto ayuda a los desarrolladores a monitorear sitios web en navegadores móviles que están instalados en dispositivos Android e iOS reales. Al hacerlo, los QA pueden evaluar el rendimiento de un sitio web en múltiples dispositivos móviles y navegadores en el mundo real.

Real Device Cloud de BrowserStack proporciona más de 3000 dispositivos y navegadores reales para realizar pruebas.

Aquí hay un tutorial rápido sobre cómo comenzar a ver la versión móvil de un sitio web en Chrome:

  • Regístrese para obtener una cuenta gratuita de BrowserStack.
  • Vaya a BrowserStack Live.
  • Una vez que se abra el tablero, podrá elegir entre miles de combinaciones de navegador y dispositivo
  • Elija la combinación de dispositivo y navegador en la que desea realizar la prueba. En este ejemplo, será un navegador Chrome que se ejecuta en el Samsung Galaxy S10.
  • Tras seleccionar el dispositivo y el navegador, se iniciará una nueva sesión de prueba en el hardware-software elegido.
  • Navegue hasta el sitio web que desea ver en su dispositivo móvil y verifique cómo se muestra.

Además, algunos aspectos destacados de la nube de dispositivos reales de BrowserStack:

  • No se necesita configuración ni descarga
  • Últimos dispositivos Android de Samsung, Oneplus, Google y Motorola
  • Últimos dispositivos Apple como iPhone X, iPhone 11 Pro
  • Múltiples versiones de navegadores líderes como Chrome, Firefox, Safari, Opera instalados en dispositivos reales

Los QA pueden realizar pruebas en cualquier dispositivo móvil Android o iOS real directamente desde su navegador. No tienen que descargar ningún navegador o emulador. Para abrir una versión móvil de un sitio web en Chrome, los QA pueden simplemente iniciar sesión, seleccionar la combinación dispositivo-navegador-SO y comenzar la prueba. La siguiente imagen es una representación exacta de una sesión de prueba en vivo (prueba del navegador Chrome en Samsung S10+) en BrowserStack.

BrowserStack también proporciona las siguientes funciones:

  • Acceso por adelantado a DevTools que permite la inspección de elementos web en la página
  • Pruebas de geolocalización
  • Integraciones con herramientas populares de informes de errores como Jira, Trello y Slack
  • Pruebe características como pellizcar para hacer zoom y rotación del dispositivo

Muchas gracias por visitarme. Sin usted, esta web no existiria, espero que le haya gustado y vuelva ☺️

Fecha actualizacion el 2022-03-12. Fecha publicacion el 2022-03-12. Categoria: Cómo ver Autor: Oscar olg Mapa del sitio Fuente: bollyinside