Extensión Chrome, Firefox y Edge

Simulador de smartphones y tabletas en computadora

Pruebe la versión móvil de cualquier sitio, verifique su diseño web responsive en 77 dispositivos, y prepare sus demos para el cliente en un clic. Sin salir de su navegador.

1.500.000+ instalaciones · 4,9/5 en el Chrome Web Store

Instalación gratuita en segundos · solo computadora

El simulador Mobile FIRST abierto en Chrome: un smartphone mostrando un sitio en versión móvil, y el panel de selección de dispositivos Android y Apple
  • 77dispositivos preconfigurados
  • 14 marcasde Apple a Xiaomi
  • 5 añosadoptado por los desarrolladores y diseñadores
  • 162 → 2048 pxdel reloj inteligente a la pantalla de escritorio

Todo lo necesario para probar un sitio responsive, en un solo panel

Un clic para cambiar a vista móvil, un clic para volver al escritorio. El resto se comporta como en un teléfono real: gestos táctiles, zoom, modo paisaje, PWA.

Nuevo

Comparación multi-dispositivos

Muestre varios dispositivos uno al lado del otro y pruébelos simultáneamente. Una sola navegación, todos los puntos de ruptura verificados al mismo tiempo.

  • Varios dispositivos en la misma pestaña
  • Navegación compartida entre dispositivos
  • Captura del conjunto en una imagen
Tres dispositivos mostrados uno al lado del otro en Mobile FIRST: dos smartphones y una tableta en el mismo sitio
Panel de grabación de video de Mobile FIRST: encuadre, micrófono, calidad de video y botón de inicio

Captura de video en un clic

WEBM, GIF o MP4 para sus demos y tutoriales, grabados directamente desde el simulador, con o sin cámara.

Captura de pantalla exportada desde Mobile FIRST, con sus dimensiones y las descargas WEBP y PNG

Capturas PNG transparentes

Capturas de pantalla de alta definición con fondo transparente, listas para una presentación, un mockup o un correo electrónico al cliente.

Desplazamiento táctil realista

Los gestos del dedo se simulan de forma nativa: inercia, rebote, zoom. La navegación se comporta como en un móvil.

Dispositivos personalizados

Cree y guarde sus propios dispositivos con la resolución de pantalla y el viewport exactos de su objetivo.

Viewport y densidad de píxeles exactos

Cada modelo aplica su resolución CSS, su ratio de píxeles y su User-Agent reales: media queries y puntos de ruptura se activan como en el dispositivo.

Localhost, preproducción, todos los frameworks

Funciona en cualquier URL, incluido un servidor local, y con React, Vue, Angular, WordPress o un sitio estático.

Modo oscuro y 10+ opciones

Modo PWA, pantalla completa, teclado nativo, cambio a paisaje instantáneo, tema oscuro para la comodidad visual.

Mockups PNG ofrecidos

74 mockups de dispositivos con fondo transparente, descargables gratuitamente para sus entregables. Ver los mockups

Más de 77 dispositivos listos para usar

62 smartphones · 5 tabletas · 9 pantallas de escritorio · 1 reloj inteligente

Modelos antiguos y recientes, actualizados en cada lanzamiento. Cada dispositivo incluye su viewport CSS exacto, su densidad de píxeles y su User-Agent. Incluye relojes inteligentes, terminales interactivas y pantallas de escritorio.

Tres formas de usarlo a diario

Desarrollo front-end

Verificar sus puntos de ruptura sin salir del código

Pase de 320 px a 1280 px en un clic durante la integración, con los gestos táctiles y el zoom de un móvil real.

Agencias & freelancers

Demos para clientes que causan impacto

Muestre el sitio en un dispositivo realista, luego exporte el video o la captura recortada para el informe.

Jefes de proyecto & QA

Probar en todo el parque de dispositivos

Compare varios modelos uno al lado del otro, documente las anomalías en capturas, y ahorre horas de pruebas.

Mobile FIRST o el modo responsive de DevTools?

DevTools redimensiona una ventana. Mobile FIRST reproduce un dispositivo, y todo lo que conlleva.

Comparación de las funcionalidades de Mobile FIRST y del modo responsive de DevTools
Funcionalidad Modo responsive de DevTools
Dispositivos preconfigurados 77, actualizado en cada lanzamiento Lista corta
Visualización realista del dispositivo Sí (navegador y maqueta) No
Varios dispositivos simultáneos Sí, uno al lado del otro No
Gestos táctiles y zoom realistas Simulación nativa Parcial
Captura de video WEBM, GIF, MP4 En un clic No
Capturas con mockup transparente PNG recortado Captura bruta
Listo para mostrar a un cliente Herramienta de depuración

Adoptado desde hace más de 5 años por desarrolladores y diseñadores

Nuestra calificación en el Chrome Web Store habla por sí sola.

4,9/5 sobre 5100 opiniones

¡La mejor extensión de prueba responsive del mercado!

Súper intuitiva, ligera y llena de funcionalidades. El desplazamiento táctil es increíblemente realista, y tener más de 70 dispositivos listos para usar es fantástico. Si eres desarrollador front-end o diseñador UI/UX, es una herramienta indispensable. ¡5 estrellas en toda la línea!

Mohit Halduniya Desarrollador front-end

Las capturas recortadas van directamente a los informes del cliente o mis PowerPoints. Reemplaza horas de retoque manual 😊. ¡Muy satisfecha!

Bianca C Freelance · estudio web

Es una extensión realmente subestimada. Hace el trabajo e incluso un poco más. Incluso me gustaría probar la versión Pro para aprovechar sus geniales funcionalidades, pero la versión gratuita ya es genial.

No solo está dirigida a desarrolladores web: diría que sería útil para cualquiera que tenga un sitio y quiera saber en cualquier momento cómo se ve en diferentes dispositivos.

Ramy Nassar Jefe de proyecto · agencia

Cómo probar su sitio móvil

Tres pasos, unos treinta segundos, sin crear cuenta.

La guía completa para probar un sitio en móvil

  1. 01 Instale la extensión En Chrome o Firefox, desde la tienda oficial. Gratis, sin crear cuenta.
  2. 02 Abra la página a probar Producción, preproducción o localhost: un clic en el icono y la página cambia a vista móvil.
  3. 03 Cambie de dispositivo, capture Cambie de un modelo a otro, compárelos uno al lado del otro, exporte una captura o un video.

¿Qué es un simulador móvil?

Un simulador móvil reproduce, en su navegador de computadora, las condiciones de visualización de un smartphone o una tableta: viewport CSS, densidad de píxeles, User-Agent y orientación. Esto permite ver la versión móvil de un sitio tal como la verá un usuario, sin tener que sacar un teléfono en cada modificación.

Mobile FIRST cubre 77 modelos preconfigurados: simulador iPhone, emulador Android, simulador iPad, tabletas Samsung Galaxy y pantallas de computadora portátil. Cada dispositivo aplica su resolución real, por lo que sus media queries y puntos de ruptura se activan exactamente como en el hardware. El cambio retrato/paisaje, el zoom y el desplazamiento táctil se simulan para replicar el comportamiento nativo.

La extensión se aplica a la pestaña abierta, independientemente de la URL: sitio en producción, entorno de preproducción o servidor local durante el desarrollo. Funciona con React, Vue, Angular, WordPress y sitios estáticos, sin configuración. Diseñada para desarrolladores front-end, diseñadores y equipos de QA, sirve tanto para validar un diseño web responsive como para preparar una demo para el cliente.

Preguntas frecuentes

¿El simulador reemplaza una prueba en un teléfono real?

No. Mobile FIRST es muy preciso para el desarrollo diario, pero una prueba final en un dispositivo real sigue siendo necesaria para una validación completa.

¿En qué navegadores funciona la extensión?

Chrome, Firefox, Edge, Opera, Brave y cualquier navegador basado en Chromium. La instalación toma unos segundos y no requiere ninguna cuenta.

¿Cuántos dispositivos están disponibles?

77 dispositivos preconfigurados: 62 smartphones, 5 tabletas y 10 pantallas de escritorio y relojes inteligentes. También puede crear sus propios dispositivos con la resolución y el viewport de su elección.

¿Puedo grabar un video de la navegación móvil?

Sí, en un clic, en formatos WEBM, GIF y MP4. Las capturas de pantalla PNG se exportan con fondo transparente.

¿Se puede probar un sitio en localhost o en preproducción?

Sí. La extensión se aplica a la pestaña actual, independientemente de la URL: producción, preproducción, o un servidor local durante el desarrollo.

¿Cuál es la diferencia con el modo responsive de DevTools?

DevTools redimensiona una ventana para la inspección técnica. Mobile FIRST reproduce el dispositivo: marco realista, gestos táctiles, zoom, varios modelos uno al lado del otro, exportación de captura y video.

¿Se añaden nuevos modelos?

Sí, la lista se enriquece regularmente a medida que los fabricantes lanzan nuevas pantallas.

Pruebe su sitio en 77 dispositivos, directamente en su navegador

Sin comprar un solo teléfono, sin crear una cuenta.

  • 77 dispositivos disponibles desde la instalación
  • Viewport, User-Agent y eventos táctiles reales
  • Funciona también en localhost y en preproducción
  • Capturas de pantalla y videos exportables

Gratis · 4,9/5 sobre 5100 opiniones
1.500.000+ usuarios