Averigua cómo simular un dispositivo móvil en un navegador de pc. Hay sitios web que ofrecen más opciones y funciones cuando se visitan en dispositivos móviles. Cuando eso sucede, y usa un navegador de escritorio, se siente frustrado por la experiencia de usuario limitada que obtiene.
Otras veces, es posible que desee probar y ver cómo se ve un sitio web en un dispositivo móvil en particular como el iPhone, el iPad o un teléfono inteligente Pixel 2.
A continuación, se explica cómo ver (y probar) un sitio móvil en una PC de escritorio:
⭐ NOTA: Esta guía cubre Google Chrome, Mozilla Firefox, Opera, Microsoft Edge e Internet Explorer en Windows. Vaya a la sección del navegador que le interese, para encontrar los pasos que debe seguir. ⭐
Contenidos de la página
- 1 Cómo activar el simulador de navegador móvil en Google Chrome
- 2 Cómo activar el emulador de navegador móvil en Mozilla Firefox
- 3 Cómo activar el emulador de navegador móvil en Opera
- 4 Cómo activar el simulador de navegador móvil en Microsoft Edge
- 5 Cómo activar el emulador de navegador móvil en Internet Explorer
- 6 ¿En qué sitios web necesitas emular un dispositivo móvil?
En Google Chrome, cargue el sitio web móvil que desea ver. Luego, haga clic o toque los tres puntos verticales en la esquina superior derecha. Son el botón para «Personalizar y controlar Google Chrome».
En el menú que se abre, elija Más herramientas y luego «Herramientas para desarrolladores». Se abren las herramientas de desarrollo. Para lograr el mismo resultado, también puede presionar las teclas CTRL + Shift + I en su teclado.
Haga clic o toque el botón «Alternar barra de herramientas del dispositivo» (es un botón pequeño que parece un teléfono inteligente y una tableta uno cerca del otro) o presione CTRL + Shift + M en su teclado.
Esto activa la barra de herramientas del dispositivo donde se carga la página móvil. De forma predeterminada, la barra de herramientas del dispositivo utiliza una plantilla adaptable para la página que cargó.
Haz clic en él y elige el dispositivo móvil que quieres emular: Samsung Galaxy S5, Pixel 2, Pixel 2 XL, iPhone (desde la versión 5 hasta iPhone X), iPad y iPad Pro.
La página móvil se recarga como si estuviera usando el teléfono inteligente o tableta que ha elegido de la lista. No sabe que está utilizando una computadora de escritorio.
Cuando haya terminado, presione el botón X (Cerrar) en la esquina superior derecha de las herramientas de desarrollo de Google Chrome para volver al modo de navegación de escritorio estándar.
En Mozilla Firefox, abra la página móvil a la que desea acceder como si estuviera usando un dispositivo móvil. Luego, haz clic o toca el botón de hamburguesa en la esquina superior derecha. Se llama «Abrir menú».
En el menú que se abre, elija Desarrollador web .
Ves muchas opciones que son útiles para los desarrolladores. El que le interesa es el «Modo de diseño adaptable». Haga clic o toque en esta opción. Este modo particular de ver una página web ahora se carga en Firefox. Se puede lograr el mismo resultado presionando CTRL + Shift + M en su teclado.
El modo de diseño receptivo está habilitado. En el centro de la pantalla, verá los parámetros utilizados por este modo.
Si no se selecciona ningún dispositivo, haga clic o toque en la lista desplegable con los dispositivos disponibles para emular y elija el que desea simular: Samsung Galaxy S9, iPad, iPhone (desde la versión 6 hasta iPhone X), Kindle Fire HDX , y así. La página móvil se vuelve a cargar como si estuviera cargada en el dispositivo móvil que seleccionó para la emulación.
Cuando haya terminado, presione el botón X (Cerrar el modo de diseño receptivo) para volver al modo de exploración de escritorio estándar.
En Opera, cargue la página móvil que desea ver como si estuviera usando un dispositivo móvil. Luego haz clic en el ícono de Opera en la parte superior izquierda.
Es el botón «Personalizar y controlar Opera» . En el menú que se abre, elija Desarrollador seguido de Herramientas de desarrollador .
Las herramientas de desarrollador se muestran en el lado derecho de la ventana del navegador. Se puede lograr el mismo resultado presionando las teclas CTRL + Shift + I en su teclado.
Luego, haga clic o toque el botón «Alternar barra de herramientas del dispositivo» (es un botón pequeño que parece un teléfono inteligente y una tableta uno cerca del otro) o presione CTRL + Shift + M en su teclado.
Esto activa la barra de herramientas del dispositivo donde se carga su página web. Haz clic en él y elige el dispositivo móvil que quieres emular: Samsung Galaxy S5, Pixel 2, Pixel 2 XL, iPhone (desde la versión 5 hasta iPhone X), iPad y iPad Pro.
La página móvil se recarga dentro de Opera, usando las características del teléfono inteligente o tableta que haya elegido de la lista.
Cuando haya terminado, presione el botón X (Cerrar) en la esquina superior derecha de las herramientas de desarrollo de Opera para volver a la navegación del escritorio.
En Microsoft Edge, si quiere simular un dispositivo móvil en un navegador de pc con este sistema operativo de Microsoft, cargue el sitio que desea ver como si estuviera usando un dispositivo móvil. Luego, haga clic o toque el botón «Configuración y más» que se encuentra en la esquina superior derecha de la ventana del navegador. Su icono parece tres puntos.
Si está utilizando la actualización de octubre de 2018 de Windows 10, vaya a «Más herramientas» y luego a «Herramientas para desarrolladores». Si está utilizando la actualización de Windows 10 de abril de 2018 o una versión anterior, elija F12 Developer Tools .
Las herramientas de desarrollo se abren en la parte inferior de la ventana del navegador. Puede lograr el mismo resultado presionando F12 en su teclado, sin importar qué tan viejo o nuevo sea su Windows 10.
Verá varias pestañas en las herramientas de desarrollo . Si ves Emulación , haz clic o tócalo. Si no lo hace, haga clic o toque la flecha hacia abajo y, en el menú que se abre, elija Emulación .
Luego, haga clic o toque la lista desplegable Dispositivo . Puede optar por emular los siguientes dispositivos: Lumia 650, Lumia 950, Lumia 950 XL, Surface Book, Surface Pro 4, iPad, iPad Mini, Nexus 5, Nexus 5X y Nexus 6P.
Cuando haya terminado, presione el botón X (Cerrar) en la esquina superior derecha de las herramientas de desarrollo de Microsoft Edge para volver a la navegación del escritorio.
Para simular un dispositivo móvil en un navegador de pc, en Internet Explorer, a la página móvil que desea ver como si estuviera usando un dispositivo móvil. Haga clic en el botón Herramientas en la esquina superior derecha o presione ALT + X en su teclado. Luego, elija F12 Developer Tools .
Las herramientas de desarrollo se muestran en la parte inferior de Internet Explorer. Se puede lograr el mismo resultado presionando F12 en su teclado.
Haga clic o toque la pestaña Emulación y luego la lista desplegable Navegador . Aquí debe seleccionar Windows Phone como su dispositivo móvil, y la página web se recarga como si estuviera usando un teléfono inteligente con Windows Phone .
Desafortunadamente, Internet Explorer no le ofrece la opción de emular teléfonos inteligentes Android o iPhones y iPads.
Cuando haya terminado, presione el botón X (Cerrar) en la esquina superior derecha de las herramientas de desarrollo para volver a la navegación del escritorio.
¿En qué sitios web necesitas emular un dispositivo móvil?
Ahora sabe cómo emular todo tipo de dispositivos móviles en su navegador web favorito. Antes de cerrar este tutorial, háganos saber qué sitios web necesita para utilizar esta función de emulación. Tenemos mucha curiosidad. ¿Es el (in) famoso Instagram o algún otro sitio móvil?
Además de descubrir cómo simular un dispositivo móvil en un navegador de pc, a continuación puedes ver más temas relacionados de tunavegador.com relacionado con este artículo:
