✓

Tout est prêt !

Merci d’avoir installé Mobile View. Voici comment poser un vrai cadre d’appareil par-dessus n’importe quelle page et voir desktop et mobile à la fois.

1

Épinglez l’extension (recommandé)

Cliquez sur l’icône des extensions (puzzle) en haut à droite de Chrome, puis sur l’épingle à côté de « Mobile View » pour garder son icône dans la barre d’outils.

2

Ouvrez n’importe quel site

Ouvrez un site ordinaire (une page https://) et cliquez sur l’icône Mobile View. Depuis la version 4.2.0, l’aperçu de l’appareil s’ouvre sans choix d’accès au premier lancement. L’Extension demande l’accès à tous les sites lors de l’installation ou d’une mise à jour ; Chrome peut vous demander de le confirmer. Une fois accordé, cet accès est utilisé sauf si vous le limitez dans Chrome.

Vous pouvez choisir un accès après un clic, sur ce site ou sur tous les sites dans le menu que Chrome affiche par un clic droit sur l’icône de Mobile View, ou dans les paramètres d’extensions de Chrome. Ce réglage n’est pas présent dans les paramètres de Mobile View.

Si vous limitez l’accès dans Chrome, certains sites utilisant un Service Worker et des restrictions d’intégration peuvent nécessiter un accès permanent pour charger l’aperçu. Uniquement dans ce cas, Mobile View peut afficher une boîte de dialogue de rétablissement pour demander l’accès au site actuel ou à tous les sites ; Chrome demandera une confirmation si nécessaire.

3

Choisissez un appareil et une mise en page

Utilisez le bouton appareil 📱 ▾ dans le panneau du haut pour basculer entre iPhone, téléphones Android et tablettes. Pivotez avec ⟳, redimensionnez avec le menu taille 100% (50–125 %) et déplacez l’appareil où vous voulez — ou activez le focus pour assombrir le desktop et centrer l’appareil.

4

Affichez jusqu’à 5 appareils à la fois

Cliquez sur le bouton appareils ▾ dans le panneau du haut et choisissez combien en afficher (1–5). Chaque appareil garde son modèle, sa rotation, sa taille et sa couleur de marque, et un dock latéral (gauche ou droite) les garde à un clic. En mode focus, disposez-les en rangée, grille ou pile — et verrouillez pour qu’un clic accidentel ou Esc ne quitte pas. Ajoutez ou retirez au clavier avec Shift + = / Shift + −.

5

Interagissez en synchro

Le défilement, les clics et la saisie restent synchronisés entre la page desktop et l’aperçu mobile. Activez ou désactivez la synchronisation ⇅ depuis le panneau du haut.

6

Prenez une capture d’écran

Cliquez sur l’appareil photo et choisissez appareil seul 📱 (recadré au cadre) ou plein écran 🖥️ (desktop et appareil ensemble) — parfait pour les maquettes et les rapports de bugs.

7

Enregistrez l’écran

Cliquez sur enregistrer pour capturer un enregistrement plein écran. Il enregistre l’onglet actuel tout de suite — sans dialogue « partager votre écran » — et la vidéo est enregistrée directement sur votre appareil en MP4 ou WebM ; rien n’est jamais envoyé.

À quoi servent les boutons du panneau

📱 ▾
Appareil — iPhone, Android ou iPad
Appareils — afficher 1–5 à la fois, dock gauche / droite
⟳
Pivoter — portrait / paysage
⇅
Synchronisation — défilement synchronisé activé / désactivé
Capture d’écran — appareil seul ou plein écran
Enregistrer l’écran — capture complète (MP4/WebM)
Mode focus — assombrir le desktop ; rangée / grille / pile, verrouillable
100%
Taille — échelle 50–125 %
Taille personnalisée — toute résolution et couleur de marque (Shift+5)
🌙
Thème — clair / sombre
🇬🇧 ▾
Langue — plus de 50 langues d’interface
Site web — ouvrir le site Mobile View
Aide — raccourcis et astuces
✕
Fermer — quitter l’aperçu (Esc)

Raccourcis clavier

Shift+1
Capture plein écran — desktop + appareil
Shift+2
Capture appareil — recadrée au cadre
Shift+3
Enregistrer l’écran — démarrer / arrêter (MP4/WebM)
Shift+4
Mode focus — activer / désactiver
Shift+5
Taille personnalisée — activer / désactiver
Shift+=
Ajouter un appareil — un téléphone / tablette de plus
Shift+−
Retirer un appareil — en enlever un
Esc
Quitter — quitter le mode focus, puis fermer
💡

Astuce : Votre appareil, rotation, position, thème et langue sont enregistrés et restaurés entre les onglets et les rechargements. Certaines pages du navigateur (comme les réglages chrome://) ne peuvent pas être prévisualisées — ouvrez un site web normal à la place.

En savoir plus sur Mobile View