Extension Chrome, Firefox et Edge

Simulateur de smartphones et tablettes sur ordinateur

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 000 000+ installations · 4,9/5 sur le Chrome Web Store

Installation gratuite en quelques secondes · ordinateur uniquement

Le simulateur Mobile FIRST ouvert dans Chrome : un smartphone affichant un site en version mobile, et le panneau de sélection des appareils Android et Apple
  • 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
Trois appareils affichés côte à côte dans Mobile FIRST : deux smartphones et une tablette sur le même site
Panneau d'enregistrement vidéo de Mobile FIRST : cadrage, microphone, qualité vidéo et bouton de démarrage

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.

Capture d'écran exportée depuis Mobile FIRST, avec ses dimensions et les téléchargements WEBP et PNG

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

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

Trois façons de s'en servir au quotidien

Développement front-end

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 !

Mohit Halduniya Développeur front-end

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 !

Bianca C Freelance · studio web

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.

Ramy Nassar Chef de projet · agence

Comment tester son site mobile

Trois étapes, une trentaine de secondes, aucun compte à créer.

Le guide complet pour tester un site sur mobile

  1. 01 Installez l'extension Sur Chrome ou Firefox, depuis le store officiel. Gratuit, sans compte à créer.
  2. 02 Ouvrez la page à tester Production, préproduction ou localhost : un clic sur l'icône et la page passe en vue mobile.
  3. 03 Changez d'appareil, capturez Passez 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
  • Captures d'écran et vidéos exportables

Gratuit · 4,9/5 sur 5 100 avis
1 000 000+ utilisateurs