Tal vez seas una de las personas cuyo navegador favorito es Google Chrome. Después de todo es simple y tiene muchas extensiones que aumentan sus funcionalidades. Desde el punto de vista de un desarrollador, Google Chrome tiene muchas herramientas útiles, en muchos casos herramientas que sólo están disponibles para este navegador. A este conjunto de herramientas se les conoce como Chrome DevTools.
Diseño web dedicado
Si bien el diseño web adaptativo es la respuesta más común para la mayoría de sitios web, en ciertos casos no es la más ideal. Hay muchos negocios optan por sitios móviles web dedicados pues es la solución más idónea para su sitio web. Este es el caso de la popular red social Facebook.
Emulación móvil con Chrome DevTools
Ahora con Google Chrome puedes probar tu sitio web móvil dedicado. Sólo debes dirigirte al icono del menú hamburguesa en la esquina superior derecha, seleccionar herramientas y pinchar sobre herramientas de desarrollador. Ni bien hayas pinchado sobre esta opción te aparecerá un panel en la parte inferior de tu ventana de navegador. Allí deberás encontrar una opción llamada “Emulation”
Al seleccionar “Emulation” verás las opciones “Device” donde podrás elegir el dispositivo sobre el que quieras hacer tus pruebas. Una vez que has terminado de configurar las opciones pinchas sobre el botón “Emulate”. El último paso es refrescar la página y podrás navegar dicha página como si estuvieras en el dispositivo que has seleccionado previamente. Fácil, ¿no?
Si no puedes ver la pestaña de “Emulation” es porque la versión de Chrome que utilizas no tiene esta función. Si descargas Chrome Canary podrás acceder a las últimas funciones de Chrome DevTools.