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

Elimina la advertencia de bloqueo de archivos de Nextcloud con Redis.

Habilite el bloqueo de archivos confiable de Nextcloud, elija el backend Redis o Valkey adecuado y verifique que la advertencia desaparezca sin riesgo de que se produzcan cambios simultáneos en los archivos.

Requisitos para obtener una calificación de seguridad A+ en Nextcloud

Requisitos para obtener una calificación de seguridad A+ en Nextcloud

Solucione los problemas comunes detectados en los análisis de Nextcloud con las últimas actualizaciones, HTTPS y HSTS, una configuración precisa de la confianza en el proxy inverso y comprobaciones con el servidor público.

Habilitar el cifrado del lado del servidor de Nextcloud con impacto medido

Configure Nextcloud SSE para el almacenamiento que lo necesite, proteja las claves de cifrado y mida el impacto en la transferencia y la CPU antes de cifrar los archivos existentes.

Agregar búsqueda de texto completo de Elasticsearch a Nextcloud

Conecta la búsqueda de archivos de Nextcloud con Elasticsearch, indexa el contenido de los documentos y elige una configuración que se adapte a las necesidades de tu servidor y de seguridad.

Establece una política de caducidad fiable para los archivos eliminados de Nextcloud.

Establece una política de caducidad fiable para los archivos eliminados de Nextcloud.

Configure Nextcloud para que elimine los archivos borrados después de un período de retención definido, programe tareas en segundo plano de forma fiable y evite comandos que vacíen la papelera de todos los usuarios.

Borrar la advertencia de Nextcloud sobre índices de base de datos faltantes

Borrar la advertencia de Nextcloud sobre índices de base de datos faltantes

Ejecuta la reparación de OCC de Nextcloud de forma segura, previsualiza los cambios en la base de datos y comprueba por qué persiste la advertencia.

Aumentar el límite de subida web de Nextcloud por encima de 2 GB

Aumentar el límite de subida web de Nextcloud por encima de 2 GB

Permita la carga de archivos más grandes en el navegador Nextcloud alineando la configuración de PHP, Nginx o Apache, el almacenamiento temporal y el tiempo de espera, y verifique qué límite está bloqueando el archivo.

Borre la advertencia de memoria PHP de Nextcloud en el servidor web.

Establezca el límite de memoria PHP que Nextcloud utiliza realmente, reinicie el servicio correcto y confirme la configuración de 512 MB en la Vista general de administración.

Conecta un bucket compatible con S3 al almacenamiento externo de Nextcloud.

Monta un bucket de almacenamiento de objetos compatible en Nextcloud utilizando su backend S3, con el punto final, las credenciales, el ámbito de acceso y los pasos de verificación correctos.

Traslada tus datos de Nextcloud a una unidad externa sin perder espacio de almacenamiento.

Traslada tus datos de Nextcloud a una unidad externa sin perder espacio de almacenamiento.

Traslada de forma segura un directorio de datos de Linux Nextcloud a una unidad externa utilizando un montaje UUID persistente, el modo de mantenimiento, una copia verificada y el enlace simbólico de la ruta original.