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.

Tags: #TUTORIAL

Leave a Comment

Recuperar datos borrados con Recuva Portable en Windows 7

Recuperar datos borrados con Recuva Portable en Windows 7

En el siguiente artículo, presentaremos las operaciones básicas para recuperar datos eliminados en Windows 7 con la herramienta de soporte Recuva Portable. Con Recuva Portable, puedes guardarlo en cualquier memoria USB que te resulte conveniente y usarlo cuando lo necesites. Herramienta compacta, sencilla y fácil de usar con las siguientes características:

12 formas de administrar pestañas en Microsoft Edge

12 formas de administrar pestañas en Microsoft Edge

Descubre cómo administrar pestañas en Microsoft Edge como un profesional para aumentar tu productividad mediante métodos eficaces y funciones útiles.

5 formas de abrir Google Play Store en Android

5 formas de abrir Google Play Store en Android

Descubre todas las formas de abrir Play Store en teléfonos inteligentes y tabletas Android, incluyendo accesos directos y opciones en la configuración.

9 formas de subir o bajar el volumen de Windows

9 formas de subir o bajar el volumen de Windows

Cómo controlar el volumen en Windows 10 y Windows 11. Cómo subir el volumen usando métodos abreviados de teclado, en una computadora portátil, tableta o PC.

Cómo agregar y usar una VPN en Windows 11

Cómo agregar y usar una VPN en Windows 11

Guía completa sobre cómo crear y usar una conexión VPN en Windows 11, incluyendo la configuración necesaria y los pasos para conectarse.

7 formas de saber cuántos núcleos tiene tu procesador

7 formas de saber cuántos núcleos tiene tu procesador

Descubre cómo saber cuántos núcleos y procesadores lógicos tiene tu CPU mediante herramientas de Windows, CMD o PowerShell, sin complicaciones.

5 formas de configurar la impresora predeterminada en Windows (todas las versiones)

5 formas de configurar la impresora predeterminada en Windows (todas las versiones)

Aprenda cómo configurar la impresora predeterminada en Windows 10, Windows 11 y Windows 7, incluyendo métodos desde Configuración, Panel de control y CMD.

Cómo mostrar la barra de Favoritos en Microsoft Edge: 4 formas

Cómo mostrar la barra de Favoritos en Microsoft Edge: 4 formas

Aprenda cómo mostrar la barra de favoritos en Microsoft Edge y optimice su navegación utilizando trucos útiles para acceder rápidamente a los sitios que más visita.

Cómo configurar los ajustes y la sensibilidad del mouse, en Windows 10

Cómo configurar los ajustes y la sensibilidad del mouse, en Windows 10

Aprende a configurar en detalle cómo funciona tu mouse en Windows 10 y ajusta la sensibilidad para mejorar tu productividad.

Cómo editar, borrar y eliminar variables de entorno en Windows

Cómo editar, borrar y eliminar variables de entorno en Windows

Guía completa sobre cómo editar y eliminar variables de entorno en Windows, incluyendo eliminar valores y trabajar con PowerShell.

Cómo elegir la GPU predeterminada para juegos o aplicaciones en Windows 11

Cómo elegir la GPU predeterminada para juegos o aplicaciones en Windows 11

Cómo configurar qué tarjeta gráfica usa Windows 11 para juegos o aplicaciones. Configure la tarjeta de video predeterminada cuando tenga dos o más.

Cómo trabajar con WordPad en Windows

Cómo trabajar con WordPad en Windows

Aprenda a usar WordPad en Windows para crear, formatear, editar e imprimir documentos de texto simples.

Cómo abrir el Centro de movilidad de Windows (11 formas)

Cómo abrir el Centro de movilidad de Windows (11 formas)

¿Cómo abrir el Centro de movilidad de Windows en diferentes versiones? Aquí te mostramos métodos efectivos para acceder a esta herramienta útil.

Cómo desbloquear Adobe Flash Player en Microsoft Edge de Windows 10

Cómo desbloquear Adobe Flash Player en Microsoft Edge de Windows 10

Cómo desbloquear Adobe Flash Player en Windows 10 en Microsoft Edge. Siga estos pasos para habilitar Flash de manera segura y eficaz.

5 formas de crear una nueva carpeta en Windows

5 formas de crear una nueva carpeta en Windows

Descubre 5 ways to create a new folder in Windows utilizando el menú contextual, el Explorador de archivos, el teclado, la línea de comandos y más.

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!

Cómo solucionar el error de actualización 0x80073712 de Microsoft Edge

Cómo solucionar el error de actualización 0x80073712 de Microsoft Edge

¿Tienes problemas con el error de actualización 0x80073712 de Microsoft Edge? Descubre soluciones paso a paso como el análisis SFC, la reparación de DISM y el restablecimiento de Edge para resolverlo rápidamente. ¡No necesitas conocimientos técnicos!

Cómo solucionar el problema del restablecimiento del PIN de Windows Hello en Microsoft Edge

Cómo solucionar el problema del restablecimiento del PIN de Windows Hello en Microsoft Edge

¿Microsoft Edge te pide restablecer el PIN de Windows Hello? Descubre soluciones paso a paso y comprobadas para el problema de restablecimiento del PIN de Windows Hello en Edge. Soluciones rápidas que funcionan con las últimas actualizaciones de Windows, ¡sin necesidad de conocimientos técnicos!

Solución de problemas de rendimiento en Microsoft Edge Ultimate

Solución de problemas de rendimiento en Microsoft Edge Ultimate

Domina la configuración de rendimiento de Microsoft Edge Ultimate con esta guía experta. Aumenta la velocidad, corrige los retrasos y optimiza tu navegación para una eficiencia óptima, ¡paso a paso!

Cómo solucionar el problema del umbral de batería en una laptop con Microsoft Edge

Cómo solucionar el problema del umbral de batería en una laptop con Microsoft Edge

Descubre métodos probados para solucionar el problema del límite de batería de tu laptop Microsoft Edge. Aumenta la duración de tu batería con instrucciones paso a paso, ajustes rápidos y consejos avanzados para un rendimiento óptimo en laptops Windows. ¡Olvídate de las descargas inesperadas!

Solución de problemas de red en modo seguro de Microsoft Edge

Solución de problemas de red en modo seguro de Microsoft Edge

¿Tiene problemas con la conexión de red en modo seguro de Microsoft Edge? Descubra pasos probados para solucionar problemas de conectividad en el modo seguro de Edge. Conéctese rápidamente con nuestra guía experta.