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
Sign up and earn $1000 a day ⋙

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.

Instrucciones para desactivar Galaxy AI en teléfonos Samsung

Instrucciones para desactivar Galaxy AI en teléfonos Samsung

Si ya no necesitas usar Galaxy AI en tu teléfono Samsung, puedes desactivarlo con una operación muy simple. Aquí hay instrucciones para desactivar Galaxy AI en los teléfonos Samsung.

Cómo eliminar un personaje de IA creado en Instagram

Cómo eliminar un personaje de IA creado en Instagram

Si no necesitas usar ningún personaje de IA en Instagram, también puedes eliminarlo rápidamente. Aquí tienes una guía para eliminar personajes de IA en Instagram.

Instrucciones para insertar el símbolo delta en Excel

Instrucciones para insertar el símbolo delta en Excel

El símbolo delta en Excel, también conocido como símbolo de triángulo en Excel, se utiliza mucho en tablas de datos estadísticos, expresando números crecientes o decrecientes, o cualquier dato según los deseos del usuario.

Instrucciones para compartir una hoja en Hojas de cálculo de Google

Instrucciones para compartir una hoja en Hojas de cálculo de Google

Además de compartir un archivo de Hojas de cálculo de Google con todas las hojas mostradas, los usuarios pueden optar por compartir un área de datos de Hojas de cálculo de Google o compartir una hoja en Hojas de cálculo de Google.

Instrucciones para deshabilitar el almacenamiento de ChatGPT

Instrucciones para deshabilitar el almacenamiento de ChatGPT

Los usuarios también pueden personalizar la desactivación de la memoria ChatGPT cuando lo deseen, tanto en la versión móvil como en la de computadora. Aquí encontrará instrucciones para deshabilitar el almacenamiento ChatGPT.

Instrucciones para ver la hora de la última actualización de Windows

Instrucciones para ver la hora de la última actualización de Windows

De forma predeterminada, Windows Update buscará actualizaciones automáticamente y también podrá ver cuándo fue la última actualización. Aquí encontrará instrucciones sobre cómo ver cuándo se actualizó Windows por última vez.

Las instrucciones para eliminar la eSIM en iPhone son muy sencillas

Las instrucciones para eliminar la eSIM en iPhone son muy sencillas

Básicamente, la operación para eliminar eSIM en iPhone también es sencilla de seguir para nosotros. Aquí hay instrucciones para eliminar eSIM en iPhone.

Cómo convertir Live Photo a Boomerang en iPhone

Cómo convertir Live Photo a Boomerang en iPhone

Además de guardar Live Photos como vídeos en iPhone, los usuarios pueden convertir Live Photos a Boomerang en iPhone de forma muy sencilla.

Cómo evitar que SharePlay en iPhone se active automáticamente

Cómo evitar que SharePlay en iPhone se active automáticamente

Muchas aplicaciones habilitan SharePlay automáticamente cuando haces FaceTime, lo que puede provocar que presiones accidentalmente el botón equivocado y arruines la videollamada que estás realizando.

Cómo usar Click to Do en Windows 11

Cómo usar Click to Do en Windows 11

Cuando habilita Hacer clic para hacer, la función funciona y comprende el texto o la imagen en los que hace clic y luego toma decisiones para proporcionar acciones contextuales relevantes.

Cómo encender la luz del teclado de la computadora portátil, activar la luz de fondo del teclado en Windows 10

Cómo encender la luz del teclado de la computadora portátil, activar la luz de fondo del teclado en Windows 10

Encender la luz de fondo del teclado hará que este brille, lo cual es útil cuando se trabaja en condiciones de poca luz o cuando el rincón de juego se ve más atractivo. Hay 4 formas de encender las luces del teclado de la computadora portátil para que usted elija a continuación.

Cómo ingresar al modo seguro de Windows 10 al iniciar

Cómo ingresar al modo seguro de Windows 10 al iniciar

Hay muchas formas de ingresar al modo seguro en Windows 10, en caso de que no pueda ingresar a Windows y entrar. Para ingresar al modo seguro de Windows 10 al iniciar su computadora, consulte el siguiente artículo de WebTech360.

Cómo crear fotos al estilo Ghibli en Grok AI

Cómo crear fotos al estilo Ghibli en Grok AI

Grok AI ahora ha ampliado su generador de fotos con IA para transformar fotos personales en nuevos estilos, como crear fotos al estilo de Studio Ghibli con películas animadas famosas.

Instrucciones para registrarse en Google One AI Premium gratis durante 1 mes

Instrucciones para registrarse en Google One AI Premium gratis durante 1 mes

Google One AI Premium ofrece una prueba gratuita de 1 mes para que los usuarios se registren y experimenten muchas funciones mejoradas, como el asistente Gemini Advanced.

Cómo desactivar las búsquedas recientes en Safari

Cómo desactivar las búsquedas recientes en Safari

A partir de iOS 18.4, Apple permite a los usuarios decidir si desean mostrar búsquedas recientes en Safari.