Pruebe su sitio web en varios dispositivos móviles sin poseer físicamente los dispositivos

A medida que más y más personas comienzan a navegar en sus dispositivos móviles, es cada vez más pertinente para nosotros, los webmasters, asegurarnos de que nuestros sitios web se muestren bien en el navegador móvil. El diseño web receptivo es probablemente el camino a seguir, pero aún así eso requiere muchas pruebas para asegurarse de que se adapte perfectamente a todos los dispositivos y tamaños de pantalla. Es casi imposible conseguir todos los dispositivos móviles del mundo, pero con una ingeniosa herramienta en la herramienta para desarrolladores de Google Chrome, puede probar fácilmente su sitio web en una gran lista de dispositivos móviles (sin gastar un solo centavo).

La emulación de «Modo de dispositivo» en la herramienta para desarrolladores de Chrome es una herramienta útil para que pruebes tu sitio web en varios dispositivos móviles. Como su nombre lo indica, emula el navegador en varios dispositivos para que puedas ver cómo se muestra tu sitio web en cada navegador.

Para comenzar, abra Chrome y cargue el sitio web que desea probar. Presione F12 («Cmd + Opt + I» para Mac OS X) para abrir Developer Tool. Alternativamente, puede hacer clic con el botón derecho del mouse y seleccionar «Inspeccionar elemento».

En la ventana de Developer Tool, haga clic en el icono de móvil en la esquina superior izquierda.

Vuelva a la ventana principal de Chrome y debería ver el sitio web cambiado a un modo de cuadrícula.

Ahora, todo lo que tiene que hacer es seleccionar el dispositivo móvil en la lista desplegable «Dispositivo». El sitio web se redimensionará automáticamente para que coincida con el tamaño de la pantalla del dispositivo.

Al desplazarse por la lista de dispositivos, puede encontrar algunos de los dispositivos populares como iPhone 3GS, 4, 5, 6, 6 Plus, Samsung Galaxy Note, etc.

Otras cosas que puede probar en el modo de dispositivo incluyen cambiar la resolución de la pantalla, configurar la proporción de píxeles, cambiar el agente de usuario del navegador, etc.

Para salir del «modo de dispositivo», simplemente regrese a la ventana de la herramienta de desarrollo y haga clic en el icono del dispositivo móvil nuevamente, o simplemente cierre la ventana de la herramienta de desarrollo.

Conclusión

La herramienta para desarrolladores de Google Chrome es una herramienta muy poderosa y útil para que los webmasters y desarrolladores prueben y depuren sus sitios web. También hay una herramienta similar en Firefox (de hecho, la mayoría de los navegadores vienen con un modo de herramienta de desarrollador), pero la de Chrome viene con más funciones y es más fácil de usar.

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario