Testez la version mobile de n'importe quel site, vérifiez votre responsive web design sur 77 appareils, et préparez vos démos client en un clic. Sans quitter votre navigateur.
1 500 000+installations · 4,9/5 sur le Chrome Web Store
Installation gratuite en quelques secondes · ordinateur uniquement
77appareils préconfigurés
14 marquesd'Apple à Xiaomi
5 ansadopté par les devs et les designers
162 → 2048 pxde la montre connectée à l'écran de bureau
Tout ce qu'il faut pour tester un site responsive, dans un seul panneau
Un clic pour passer en vue mobile, un clic pour revenir au bureau. Le reste se comporte comme sur un vrai téléphone : gestes tactiles, zoom, mode paysage, PWA.
Nouveau
Comparaison multi-appareils
Affichez plusieurs appareils côte à côte et testez-les simultanément. Une seule navigation, tous les points de rupture vérifiés en même temps.
Plusieurs appareils dans le même onglet
Navigation partagée entre les appareils
Capture de l'ensemble en une image
Capture vidéo en un clic
WEBM, GIF ou MP4 pour vos démos et tutoriels, enregistrés directement depuis le simulateur, avec ou sans caméra.
Captures PNG transparentes
Screenshots haute définition à fond transparent, prêts pour une présentation, une maquette ou un e-mail client.
Défilement tactile réaliste
Les gestes du doigt sont simulés nativement : inertie, rebond, zoom. La navigation se comporte comme sur un mobile.
Appareils personnalisés
Créez et sauvegardez vos propres appareils avec la résolution d'écran et le viewport exacts de votre cible.
Viewport et densité de pixels exacts
Chaque modèle applique sa résolution CSS, son ratio de pixels et son User-Agent réels : media queries et points de rupture se déclenchent comme sur l'appareil.
Localhost, préproduction, tous les frameworks
Fonctionne sur n'importe quelle URL, y compris un serveur local, et avec React, Vue, Angular, WordPress ou un site statique.
Mode sombre et 10+ options
Mode PWA, plein écran, clavier natif, bascule paysage instantanée, thème sombre pour le confort visuel.
Mockups PNG offerts
74 mockups d'appareils à fond transparent, téléchargeables gratuitement pour vos livrables.
Voir les mockups
Plus de 77 appareils prêts à l'emploi
62 smartphones · 5 tablettes · 9 écrans de bureau · 1 montre connectée
Modèles anciens et récents, mis à jour à chaque sortie. Chaque appareil embarque son viewport CSS exact, sa densité de pixels et son User-Agent. Montres connectées, bornes interactives et écrans de bureau compris.
Vérifier ses points de rupture sans quitter le code
Passez du 320 px au 1280 px en un clic pendant l'intégration, avec les gestes tactiles et le zoom d'un vrai mobile.
Agences & freelances
Des démos client qui font leur effet
Montrez le site dans un appareil réaliste, puis exportez la vidéo ou la capture détourée pour le compte rendu.
Chefs de projet & QA
Recetter sur tout le parc d'appareils
Comparez plusieurs modèles côte à côte, documentez les anomalies en capture, et gagnez des heures de tests.
Mobile FIRST ou le mode responsive des DevTools ?
Les DevTools redimensionnent une fenêtre. Mobile FIRST reproduit un appareil, et ce qui va avec.
Comparaison des fonctionnalités de Mobile FIRST et du mode responsive des DevTools
Fonctionnalité
Mode responsive des DevTools
Appareils préconfigurés
77, mis à jour à chaque sortie
Liste courte
Affichage réaliste de l'appareil
Oui (navigateur & mockup)
Non
Plusieurs appareils simultanés
Oui, côte à côte
Non
Gestes tactiles et zoom réalistes
Simulation native
Partiel
Capture vidéo WEBM, GIF, MP4
En un clic
Non
Captures avec mockup transparent
PNG détouré
Capture brute
Prêt à montrer à un client
Oui
Outil de debug
Adopté depuis plus de 5 ans par les développeurs et les designers
Notre note sur le Chrome Web Store parle d'elle-même.
4,9/5 sur 5 100 avis
La meilleure extension de test responsive du marché !
Super intuitive, légère et truffée de fonctionnalités. Le défilement tactile est incroyablement réaliste, et disposer de plus de 70 appareils prêts à l'emploi est fantastique. Si vous êtes développeur front-end ou designer UI/UX, c'est un outil indispensable. 5 étoiles sur toute la ligne !
Les captures détourées partent directement dans les comptes rendus client ou mes PowerPoints. Ça remplace des heures de retouche manuelles 😊. Très satisfaite !
C'est une extension vraiment sous-estimée. Elle fait le job et même un peu plus. J'aimerais même essayer la version Pro pour profiter de leurs chouettes fonctionnalités, mais la version gratuite est déjà géniale.
Elle ne s'adresse pas qu'aux développeurs web : je dirais qu'elle serait utile à quiconque possède un site et souhaite savoir à tout moment à quoi il ressemble sur différents appareils.
Comment tester son site mobile
Trois étapes, une trentaine de secondes, aucun compte à créer.
01Installez l'extensionSur Chrome ou Firefox, depuis le store officiel. Gratuit, sans compte à créer.
02Ouvrez la page à testerProduction, préproduction ou localhost : un clic sur l'icône et la page passe en vue mobile.
03Changez d'appareil, capturezPassez d'un modèle à l'autre, comparez-les côte à côte, exportez une capture ou une vidéo.
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.
Questions fréquentes
Le simulateur remplace-t-il un test sur un vrai téléphone ?
Non. Mobile FIRST est très précis pour le développement au quotidien, mais un test final sur un appareil réel reste nécessaire pour une validation complète.
Sur quels navigateurs fonctionne l'extension ?
Chrome, Firefox, Edge, Opera, Brave et tout navigateur basé sur Chromium. L'installation prend quelques secondes et ne demande aucun compte.
Combien d'appareils sont disponibles ?
77 appareils préconfigurés : 62 smartphones, 5 tablettes et 10 écrans de bureau et montres connectées. Vous pouvez aussi créer vos propres appareils avec la résolution et le viewport de votre choix.
Puis-je enregistrer une vidéo de la navigation mobile ?
Oui, en un clic, aux formats WEBM, GIF et MP4. Les captures d'écran PNG sont exportées avec un fond transparent.
Peut-on tester un site en localhost ou en préproduction ?
Oui. L'extension s'applique à l'onglet courant, quelle que soit l'URL : production, préproduction, ou un serveur local pendant le développement.
Quelle différence avec le mode responsive des DevTools ?
Les DevTools redimensionnent une fenêtre pour l'inspection technique. Mobile FIRST reproduit l'appareil : cadre réaliste, gestes tactiles, zoom, plusieurs modèles côte à côte, export capture et vidéo.
Les nouveaux modèles sont-ils ajoutés ?
Oui, la liste est enrichie régulièrement à mesure que les constructeurs sortent de nouveaux écrans.
Testez votre site sur 77 appareils, directement dans votre navigateur
Sans acheter un seul téléphone, sans créer de compte.
77 appareils disponibles dès l'installation
Viewport, User-Agent et événements tactiles réels
Fonctionne aussi sur localhost et en préproduction