En bref
- Les modes responsive de Safari et Chrome sont la solution la plus rapide, mais ils ne font qu’imiter un téléphone.
- Le Simulator de Xcode fait tourner iOS sur votre Mac et affiche la page de façon bien plus proche d’un vrai iPhone.
- La recopie de l’iPhone affiche votre vrai iPhone dans une fenêtre du Mac, sous macOS 15 ou version ultérieure, mais Apple indique qu’elle n’est pas disponible dans l’UE.
- QuickTime avec un câble affiche en direct l’écran de votre vrai iPhone sur le Mac pendant que vous utilisez le téléphone à la main : l’option la plus réaliste.
- Quelle que soit l’option, n’enregistrez que cette fenêtre et expliquez ce qui change sur mobile.
Pour voir la version mobile d’un site sur votre Mac, vous avez quatre options : le mode responsive du navigateur, le Simulator d’iPhone de Xcode, la recopie de l’iPhone, ou votre vrai iPhone branché avec un câble et affiché dans QuickTime. Le mode responsive est le plus rapide ; QuickTime avec un câble est le plus réaliste. Choisissez selon le degré de réalisme dont le client a besoin, puis enregistrez cette fenêtre.
Les clients jugent un site sur leur téléphone. Si vous ne leur montrez que la version desktop, la première chose qu’ils feront après avoir regardé la vidéo, c’est ouvrir le lien de préproduction sur leur iPhone et vous envoyer une capture d’écran. Montrer la version mobile dans la même vidéo vous épargne un aller-retour.
Les quatre options en un coup d’œil
| Option | Ressemble à un vrai iPhone | Vrai toucher | Disponible dans l’UE | Préparation | Idéal pour |
|---|---|---|---|---|---|
| Mode responsive du navigateur | ~ mise en page approximative | ✗ | ✓ | Aucune | Vérifications rapides de mise en page, premiers tours |
| Simulator de Xcode | ~ proche, rendu iOS | ✗ pointeur | ✓ | Installer Xcode | Un rendu fidèle sans téléphone |
| Recopie de l’iPhone | ✓ votre vrai iPhone | ✗ trackpad | ✗ | Mac et iPhone compatibles | Un vrai appareil piloté depuis le Mac |
| QuickTime avec un câble | ✓ votre vrai iPhone | ✓ | ✓ | Un câble | La démo la plus réaliste |
Disponibilité de la recopie de l’iPhone d’après l’Assistance Apple, consultée en novembre 2026.
Option 1 : le mode responsive du navigateur
Safari comme Chrome savent redimensionner une page aux dimensions d’un téléphone, directement dans le navigateur.
Safari
- Activez les fonctionnalités pour développeurs. Choisissez et sélectionnez Afficher les fonctionnalités pour les développeurs web. Un menu Développement apparaît.
- Ouvrez la page que vous voulez montrer.
- Passez en mode responsive. Choisissez , ou appuyez sur ⌃⌘R.
- Choisissez un préréglage d’iPhone dans la liste des tailles de fenêtre d’affichage, ou faites glisser les poignées pour définir une taille personnalisée.
Chrome
- Ouvrez les outils de développement sur la page avec ⌘⌥I.
- Cliquez sur Afficher/Masquer la barre d’outils de l’appareil dans la barre d’action en haut des outils de développement.
- Choisissez un appareil dans la liste Dimensions.
- Facultatif : choisissez , si un cadre existe pour cet appareil.
Le hic : les deux ne sont que des approximations. La documentation d’Apple précise que les préréglages ne reproduisent pas exactement la mise en page, le rendu et le comportement d’un vrai appareil, par exemple à cause de la barre d’adresse, du clavier à l’écran et de la façon dont les téléphones gèrent les champs de formulaire. La documentation de Chrome parle du mode Appareil comme d’« une approximation du premier ordre ». Ça suffit pour « voici comment le menu se replie sur mobile » ; pas pour « voici exactement ce que verront vos clients ».
Quand vous enregistrez le mode responsive, n’enregistrez que la zone de la fenêtre d’affichage du téléphone, pas le panneau des outils de développement autour. Notre guide pour enregistrer une fenêtre ou une partie de l’écran montre comment sélectionner une zone.
Option 2 : le Simulator de Xcode
Simulator est fourni avec Xcode, l’app d’Apple pour les développeurs, et fait tourner iOS sur votre Mac. Vous ouvrez Safari dans l’iPhone simulé et vous chargez le site. La documentation Safari d’Apple présente les simulateurs comme un moyen fidèle de tester des pages pour iOS sans appareil supplémentaire, et le mode responsive de Safari peut ouvrir directement la page en cours dans un simulateur.
- Avantages : rendu iOS, barre d’adresse de Safari sur iOS, vrais contrôles de formulaire et vrai clavier.
- Inconvénients : Xcode est lourd à installer, et vous interagissez avec un pointeur plutôt qu’avec le doigt. Un défilement au trackpad paraît moins naturel qu’un vrai balayage.
Enregistrez la fenêtre du Simulator seule. Le contour du téléphone et ses coins arrondis montrent clairement au client ce qu’il regarde.
Option 3 : la recopie de l’iPhone
La recopie de l’iPhone affiche votre véritable iPhone dans une fenêtre sur votre Mac, et vous le pilotez avec le trackpad et le clavier. Selon Apple, il vous faut :
- un Mac doté d’une puce Apple ou de la puce Apple T2 Security, sous macOS Sequoia 15 ou version ultérieure ;
- un iPhone sous iOS 18 ou version ultérieure, configuré avec un code d’accès ;
- les deux appareils connectés au même compte Apple avec l’identification à deux facteurs, Bluetooth et Wi-Fi activés ;
- l’iPhone verrouillé et à proximité du Mac.
Ouvrez l’app Recopie de l’iPhone sur le Mac, saisissez le code d’accès de votre iPhone si on vous le demande, et l’écran de l’iPhone apparaît dans une fenêtre. Comme c’est une fenêtre sur votre Mac, vous pouvez l’enregistrer comme n’importe quelle autre.
Option 4 : votre iPhone avec un câble et QuickTime
C’est l’option la plus réaliste : le client voit le vrai écran de l’iPhone, avec un vrai défilement et de vrais touchers, parce que vous utilisez le téléphone à la main.
- Branchez l’iPhone à votre Mac avec un câble.
- Ouvrez QuickTime Player et choisissez .
- Cliquez sur le menu des options d’enregistrement à côté du bouton d’enregistrement et, sous Appareil, choisissez votre iPhone.
- Utilisez l’iPhone normalement. Son écran apparaît en direct dans la fenêtre QuickTime.
Vous pouvez enregistrer directement dans QuickTime et sauvegarder un fichier vidéo. Si vous voulez votre bulle caméra et un lien à envoyer, enregistrez plutôt la fenêtre QuickTime avec votre enregistreur d’écran.
Laquelle choisir
- Premiers tours de design ou question rapide sur un point de rupture : le mode responsive.
- Une revue mobile sans téléphone sous la main, ou un bug dans Safari sur iOS : le Simulator.
- Une visite mobile soignée, hors de l’UE : la recopie de l’iPhone.
- Une présentation mobile qui doit paraître réelle : le câble et QuickTime.
Pour les signalements de bug, les options réalistes comptent le plus. Un bug de mise en page dans Safari sur iOS peut ne pas apparaître du tout dans le mode Appareil de Chrome. Si c’est un client qui vous signale le bug, notre guide pour signaler un bug en vidéo l’aide à vous montrer exactement ce qu’il voit.
L’enregistrer pour le client
Quelle que soit l’option choisie, les conseils d’enregistrement sont les mêmes :
- N’enregistrez que la fenêtre du téléphone, pas tout votre bureau.
- Faites défiler plus lentement que sur votre propre téléphone et marquez une pause à chaque section.
- Dites ce qui change sur mobile : « le menu se replie dans ce bouton », « le tableau des tarifs devient des cartes ».
- Montrez desktop et mobile dans la même vidéo quand le client doit les comparer.
La préparation générale du navigateur, du profil vierge aux bannières cookies, se trouve dans enregistrer un site web dans le navigateur, sans les distractions. Si la vidéo est une présentation, présenter une maquette à un client sans réunion propose une structure qui fonctionne.
Pour l’enregistrement sur Mac en général : enregistrer son écran sur Mac. Et si vous envoyez ce genre de vidéo chaque semaine, voyez comment fonctionne l’envoi de vidéos aux clients avec JustRec.
Sources
- Apple Developer : Responsive Design Mode, Safari developer tools (en anglais), consulté en novembre 2026.
- Assistance Apple : Utiliser les outils de développement du menu Développement de Safari sur Mac, consulté en novembre 2026.
- Chrome for Developers : Simuler des appareils mobiles avec le mode Appareil, consulté en novembre 2026.
- Aide Google Chrome : Raccourcis clavier dans Chrome, consulté en novembre 2026.
- Assistance Apple : Recopie de l’iPhone : utiliser votre iPhone à partir de votre Mac, consulté en novembre 2026.
- Assistance Apple : Enregistrer une vidéo dans QuickTime Player sur Mac, consulté en novembre 2026.
Questions fréquentes
Comment voir la version mobile d’un site sur mon Mac ?
Dans Safari, activez les fonctionnalités pour les développeurs web dans Réglages, Avancés, puis utilisez le mode responsive du menu Développement. Dans Chrome, ouvrez les outils de développement et cliquez sur Afficher/Masquer la barre d’outils de l’appareil. Les deux redimensionnent la page aux dimensions d’un téléphone.
Le mode responsive est-il fidèle ?
C’est une bonne approximation de la mise en page, mais pas une copie exacte. Apple précise que la barre d’adresse, le clavier à l’écran et le comportement des formulaires propre à chaque appareil peuvent modifier la mise en page sur un vrai appareil, et recommande un simulateur pour un aperçu plus fidèle.
Peut-on enregistrer l’écran de son iPhone sur son Mac ?
Oui. Connectez l’iPhone avec un câble, ouvrez QuickTime Player, choisissez Fichier, Nouvel enregistrement vidéo, puis sélectionnez l’iPhone sous Appareil dans les options d’enregistrement. L’écran de l’iPhone apparaît dans la fenêtre QuickTime, que vous pouvez enregistrer ou capturer avec votre enregistreur d’écran.
Pourquoi la recopie de l’iPhone ne fonctionne-t-elle pas en Europe ?
La page d’assistance d’Apple indique que la recopie de l’iPhone n’est actuellement pas disponible dans l’Union européenne. Utilisez plutôt QuickTime avec un câble ou le Simulator de Xcode.
