Qu'est-ce qu'un simulateur mobile ?
Un simulateur mobile reproduit, dans votre navigateur d'ordinateur, les conditions d'affichage d'un smartphone ou d'une tablette : viewport CSS, densité de pixels, User-Agent et orientation. C'est ce qui permet de voir la version mobile d'un site telle qu'un utilisateur la verra, sans avoir à sortir un téléphone à chaque modification.
Mobile FIRST couvre 77 modèles préconfigurés : simulateur iPhone, émulateur Android, simulateur iPad, tablettes Samsung Galaxy et écrans d'ordinateur portable. Chaque appareil applique sa résolution réelle, donc vos media queries et vos points de rupture se déclenchent exactement comme sur le matériel. La bascule portrait / paysage, le zoom et le défilement tactile sont simulés pour retrouver le comportement natif.
L'extension s'applique à l'onglet ouvert, quelle que soit l'URL : site en production, environnement de préproduction ou serveur local pendant le développement. Elle fonctionne avec React, Vue, Angular, WordPress et les sites statiques, sans configuration. Conçue pour les développeurs front-end, les designers et les équipes QA, elle sert autant à valider un responsive web design qu'à préparer une démo client.