¿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.