Cómo usar el emulador de navegador móvil en Chrome, Firefox, Edge y Opera

¿Necesita acceder a un emulador de navegador de teléfono inteligente en su PC para probar la versión móvil de un sitio web que le interesa? Tal vez usted es un desarrollador web, o quiere convertirse en uno, y necesita simular un navegador móvil para el proyecto en el que está trabajando. Independientemente de sus razones, aquí le mostramos cómo acceder a un emulador de navegador móvil en Google Chrome, Mozilla Firefox, Microsoft Edge y Opera:

Contenido

  1. Cómo encender y usar el emulador de navegador móvil en Google Chrome
  2. Cómo encender y usar el emulador de navegador móvil en Mozilla Firefox
  3. Cómo encender y usar el emulador de navegador móvil en Microsoft Edge
  4. Cómo encender y usar el emulador de navegador móvil en Opera
  5. ¿Está satisfecho con las opciones de emulación de navegador móvil disponibles?

Cómo encender y usar el emulador de navegador móvil en Google Chrome

En Google Chrome, navegue al sitio web que desea ver en el emulador de navegador móvil. Luego, presione las teclas CTRL + SHIFT + I en su teclado o, con el mouse, haga clic en los tres puntos verticales en la esquina superior derecha para abrir el menú "Personalizar y controlar Google Chrome" . Elija Más herramientas, seguido de Herramientas para desarrolladores .

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Acceda a las herramientas para desarrolladores en Google Chrome

Haga clic o toque el botón "Alternar barra de herramientas del dispositivo" (parece un teléfono inteligente al lado de una tableta) 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 manera predeterminada, la barra de herramientas del dispositivo usa una plantilla receptiva para el sitio que cargó. Haga clic en él y elija el dispositivo móvil que desea emular. Sus opciones incluyen muchos iPhones, iPads, Surface Duo, dos dispositivos Samsung Galaxy y un simulador de navegador móvil Moto G4 para PC.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Cómo habilitar el emulador de navegador móvil en Google Chrome

SUGERENCIA: Desafortunadamente, puede usar el método abreviado de teclado CTRL + Shift + M solo después de habilitar las herramientas de desarrollo.

Navegue por el sitio que desea probar, cambie entre los diferentes teléfonos inteligentes y tabletas y vea cómo se ve. Cuando haya terminado, presione el botón X (Cerrar) en la esquina superior derecha de las herramientas para desarrolladores de Google Chrome para volver al modo de navegación de escritorio estándar.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Cerrar el emulador de navegador móvil Google Chrome

SUGERENCIA: si es un gran usuario de Google Chrome, también puede querer aprender a usar las opciones de control de medios de Google Chrome .

Cómo encender y usar el emulador de navegador móvil en Mozilla Firefox

En Mozilla Firefox, abra el sitio para el que desea utilizar un simulador de navegador móvil. Luego, presione CTRL + Shift + M en su teclado o haga clic en el botón de hamburguesa en la esquina superior derecha para abrir el menú de Firefox y elija Desarrollador web .

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Accede a las herramientas de desarrollo web en Firefox

Verá un menú lleno de herramientas que son útiles para los desarrolladores web. En la lista, seleccione "Modo de diseño receptivo" y este modo particular de ver una página web se carga en Firefox.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Elija el modo de diseño receptivo en Firefox

Firefox habilita el modo de diseño receptivo . En la parte superior de la ventana, verá los parámetros utilizados por este modo de emulación. Si no se selecciona ningún dispositivo, haga clic o toque Responsive para abrir una lista desplegable con dispositivos disponibles para la emulación y luego elija el que desea simular.

Puede simular el navegador móvil para muchos iPhones, iPad, Kindle Fire (Firefox es el único navegador que ofrece esta opción de emulación) y dispositivos Samsung Galaxy S9.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Usa el emulador de navegador móvil en Firefox

Cuando haya terminado de probar con el emulador de navegador de teléfono inteligente, presione el botón X (Cerrar modo de diseño receptivo) en la esquina superior derecha de Mozilla Firefox.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Cierre el emulador de navegador móvil en Firefox

Ha vuelto al modo de navegación de escritorio estándar.

Cómo encender y usar el emulador de navegador móvil en Microsoft Edge

Microsoft Edge usa el mismo motor de renderizado que Google Chrome y ofrece los mismos emuladores de navegador para teléfonos inteligentes. Para acceder a ellos, visite el sitio web que desea probar y presione las teclas CTRL + SHIFT + I en su teclado o haga clic en los tres puntos horizontales ( "Configuración y más" ) en la esquina superior derecha de Microsoft Edge. En el menú que aparece, ve a Más herramientas y luego a Herramientas para desarrolladores .

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Accede a las herramientas de desarrollador en Microsoft Edge

Haga clic en el botón "Alternar emulación de dispositivo" (parece un teléfono inteligente al lado de una tableta) o presione CTRL + Shift + M en su teclado. Esto activa la barra de herramientas del emulador de navegador móvil. De forma predeterminada, utiliza una plantilla receptiva para el sitio que cargó. Haga clic en él y elija el dispositivo móvil que desea emular. Sus opciones incluyen los mismos teléfonos inteligentes y tabletas que Google Chrome.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Accede al emulador de navegador móvil en Microsoft Edge

Explore el sitio que desea probar, cambie entre los diferentes dispositivos móviles y vea cómo se ve. Cuando haya terminado, presione el botón X (Cerrar) en la esquina superior derecha de Microsoft Edge.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Cierre el emulador de navegador móvil en Microsoft Edge

Ahora está de vuelta en el modo de navegación de escritorio estándar.

Cómo encender y usar el emulador de navegador móvil en Opera

En Opera, visite la página web que desea ver como si estuviera usando un dispositivo móvil. Luego haga clic en el icono de Opera en la parte superior izquierda ( "Personalizar y controlar Opera" ). En el menú que se abre, elija Desarrollador seguido de Herramientas de desarrollador . Si prefiere el teclado, presione las teclas CTRL+Shift+I para obtener el mismo resultado.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Accede a las herramientas de desarrollador en Opera

Las herramientas del desarrollador se muestran en el lado derecho de la ventana del navegador. Haga clic en el botón "Alternar barra de herramientas del dispositivo" (parece un teléfono inteligente al lado de una tableta) o presione CTRL + Shift + M en su teclado. La barra de herramientas del dispositivo se muestra a la izquierda. De forma predeterminada, utiliza una plantilla receptiva para el sitio que cargó. Haz clic en él y elige el dispositivo móvil que quieres emular de la lista de opciones. Opera ofrece los mismos emuladores de navegadores móviles que Google Chrome y Microsoft Edge, ya que se basa en el mismo motor de renderizado (Chromium).

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Accede al emulador de navegador móvil en Opera

Cuando haya terminado de probar, presione el botón X (Cerrar) en la esquina superior derecha para volver al modo de navegación de escritorio estándar.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera

Cierre el emulador de navegador móvil en Opera

¿Está satisfecho con las opciones de emulación de navegador móvil disponibles?

Ahora ya sabes cómo emular todo tipo de dispositivos móviles en tu navegador web favorito. Sin embargo, puede notar que la mayoría de los navegadores web ofrecen las mismas opciones de emulación que favorecen a los iPhone y iPad. Si desea emular un teléfono inteligente o tableta Android moderno, sus posibilidades son bastante escasas, incluso en Google Chrome, el navegador desarrollado por la compañía detrás de Android. Si desea obtener los mejores resultados, es posible que deba usar dos navegadores para esta tarea: Chrome y Firefox, o Firefox y Edge u Opera. Antes de ir, cuéntenos lo que piensa acerca de las opciones disponibles.

Dejar un comentario

Cómo solucionar el error 403 (Prohibido) en Microsoft Edge (Guía 2026)

Cómo solucionar el error 403 (Prohibido) en Microsoft Edge (Guía 2026)

¿Te encuentras con el código de error 403 "Prohibido" en Microsoft Edge? Descubre soluciones probadas para la versión 2026, como borrar la caché, restablecer la configuración y más. ¡Vuelve a estar en línea al instante con esta guía paso a paso!

Solución de problemas de rechazo de la palma de la mano en el panel táctil de Microsoft Edge

Solución de problemas de rechazo de la palma de la mano en el panel táctil de Microsoft Edge

¿Tienes problemas con el rechazo de la palma del panel táctil en Microsoft Edge? Sigue nuestra guía paso a paso para solucionar el rechazo de la palma del panel táctil en Microsoft Edge y eliminar clics accidentales, desplazamientos erráticos y recuperar la fluidez de la navegación en tu portátil. ¡Soluciones comprobadas incluidas!

Cómo solucionar el retraso del uso remoto en tu smartphone (2026)

Cómo solucionar el retraso del uso remoto en tu smartphone (2026)

¿Cansado del retraso en el Juego Remoto que arruina tus juegos en smartphone? Esta guía de 2026 revela soluciones expertas para una transmisión fluida en PS5/PS4. Optimiza la red, la configuración y más: ¡juega sin interrupciones hoy mismo!

Cómo solucionar errores del servidor proxy de Microsoft Edge y problemas de conexión

Cómo solucionar errores del servidor proxy de Microsoft Edge y problemas de conexión

¿Cansado de que el error del servidor proxy de Microsoft Edge bloquee tu navegación? Obtén soluciones paso a paso y comprobadas para problemas de conexión. ¡Recupera la fluidez de tu navegación rápidamente, sin necesidad de conocimientos técnicos!

Solución al problema de que la barra lateral de Microsoft Edge no se muestra (2026)

Solución al problema de que la barra lateral de Microsoft Edge no se muestra (2026)

¿Tienes problemas con el fallo de que la barra lateral de Microsoft Edge no se muestra en 2026? Descubre soluciones paso a paso, desde reinicios rápidos hasta restablecimientos avanzados, para recuperar tu barra lateral al instante. Actualizado con los últimos parches de Edge para una navegación fluida.

Cómo solucionar el error 2026 de retraso en la búsqueda de Google en Microsoft Edge

Cómo solucionar el error 2026 de retraso en la búsqueda de Google en Microsoft Edge

¿Cansado de los frustrantes retrasos? Aprende a solucionar el error 2026 de retraso en la búsqueda de Google en Microsoft Edge con guías paso a paso de eficacia comprobada. ¡Recupera la fluidez de tus búsquedas en Google al instante! ¡Actualizado para 2026!

Solución del problema de advertencia de ataque HST en Microsoft Edge (2026)

Solución del problema de advertencia de ataque HST en Microsoft Edge (2026)

¿Tienes problemas con la advertencia de ataque HSTS de Microsoft Edge? Obtén las soluciones definitivas de 2026 con guías paso a paso para resolver esta frustrante alerta de seguridad rápidamente. ¡Borra la caché, restablece la configuración y mantente seguro!

Cómo solucionar la superposición de iconos en la barra de tareas de Microsoft Edge

Cómo solucionar la superposición de iconos en la barra de tareas de Microsoft Edge

¿Cansado de que los iconos de la barra de tareas de Microsoft Edge se superpongan y saturan tu pantalla? Sigue nuestras soluciones paso a paso para tener una barra de tareas limpia. Soluciones rápidas que funcionan en las últimas versiones de Edge, ¡sin necesidad de conocimientos técnicos!

Solución de problemas de transparencia multi-GPU en Microsoft Edge

Solución de problemas de transparencia multi-GPU en Microsoft Edge

Solucione problemas de transparencia de Microsoft Edge con múltiples GPU con soluciones paso a paso. Restaure pestañas y efectos fluidos y nítidos en configuraciones duales de NVIDIA/Intel sin esfuerzo.

Solución de problemas de descarga de batería en portátiles con Microsoft Edge

Solución de problemas de descarga de batería en portátiles con Microsoft Edge

¿Cansado de que Microsoft Edge agote la batería de tu portátil rápidamente? Obtén soluciones instantáneas con esta guía paso a paso para solucionar el problema de la batería de tu portátil con Microsoft Edge. ¡Aumenta la duración de tu batería ahora!