Vous avez besoin d'accéder à un émulateur de navigateur de smartphone sur votre PC pour tester la version mobile d'un site web qui vous intéresse ? Vous êtes peut-être un développeur Web ou vous souhaitez le devenir et vous devez simuler un navigateur mobile pour le projet sur lequel vous travaillez. Quelles que soient vos raisons, voici comment accéder à un émulateur de navigateur mobile dans Google Chrome, Mozilla Firefox, Microsoft Edge et Opera :
Contenu
Comment activer et utiliser l'émulateur de navigateur mobile dans Google Chrome
Dans Google Chrome, accédez au site Web que vous souhaitez afficher dans l'émulateur de navigateur mobile. Ensuite, appuyez sur les touches CTRL + SHIFT + I de votre clavier ou, avec la souris, cliquez sur les trois points verticaux dans le coin supérieur droit pour ouvrir le menu "Personnaliser et contrôler Google Chrome" . Choisissez Plus d'outils, suivi de Outils de développement .
Accéder aux outils de développement dans Google Chrome
Cliquez ou appuyez sur le bouton "Basculer la barre d'outils de l'appareil" (il ressemble à un smartphone à côté d'une tablette) ou appuyez sur CTRL + Maj + M sur votre clavier. Cela active la barre d'outils de l'appareil où la page mobile est chargée. Par défaut, la barre d'outils de l'appareil utilise un modèle Responsive pour le site que vous avez chargé. Cliquez dessus et choisissez l'appareil mobile que vous souhaitez émuler. Vos options incluent de nombreux iPhones, iPads, Surface Duo, deux appareils Samsung Galaxy et un simulateur de navigateur mobile Moto G4 pour PC.
Comment activer l'émulateur de navigateur mobile dans Google Chrome
ASTUCE : Malheureusement, vous ne pouvez utiliser le raccourci clavier CTRL + Maj + M qu'après avoir activé les outils de développement.
Naviguez sur le site que vous souhaitez tester, basculez entre les différents smartphones et tablettes et voyez à quoi il ressemble. Lorsque vous avez terminé, appuyez sur le bouton X (Fermer) dans le coin supérieur droit des outils de développement de Google Chrome pour revenir au mode de navigation standard sur le bureau.
Fermeture de l'émulateur de navigateur mobile Google Chrome
ASTUCE : Si vous êtes un grand utilisateur de Google Chrome, vous souhaiterez peut-être également apprendre à utiliser les options de contrôle multimédia de Google Chrome .
Comment activer et utiliser l'émulateur de navigateur mobile dans Mozilla Firefox
Dans Mozilla Firefox, ouvrez le site pour lequel vous souhaitez utiliser un simulateur de navigateur mobile. Ensuite, appuyez sur CTRL + Maj + M sur votre clavier ou cliquez sur le bouton burger dans le coin supérieur droit pour ouvrir le menu de Firefox et choisissez Développeur Web .
Accéder aux outils de développement Web dans Firefox
Vous voyez un menu rempli d'outils utiles aux développeurs Web. Dans la liste, sélectionnez "Responsive Design Mode", et ce mode particulier d'affichage d'une page Web est chargé dans Firefox.
Choisissez le mode de conception réactive dans Firefox
Firefox active le mode de conception réactif . En haut de la fenêtre, vous voyez les paramètres utilisés par ce mode d'émulation. Si aucun appareil n'est sélectionné, cliquez ou appuyez sur Responsive pour ouvrir une liste déroulante avec les appareils disponibles pour l'émulation, puis choisissez celui que vous souhaitez simuler.
Vous pouvez simuler le navigateur mobile pour de nombreux iPhones, l'iPad, le Kindle Fire (Firefox est le seul navigateur à proposer cette option d'émulation) et les appareils Samsung Galaxy S9.
Utiliser l'émulateur de navigateur mobile dans Firefox
Lorsque vous avez terminé les tests avec l'émulateur de navigateur pour smartphone, appuyez sur le bouton X (Fermer le mode de conception réactif) dans le coin supérieur droit de Mozilla Firefox.
Fermez l'émulateur de navigateur mobile dans Firefox
Vous êtes de retour au mode de navigation standard du bureau.
Comment activer et utiliser l'émulateur de navigateur mobile dans Microsoft Edge
Microsoft Edge utilise le même moteur de rendu que Google Chrome et propose les mêmes émulateurs de navigateur pour smartphone. Pour y accéder, visitez le site Web que vous souhaitez tester, puis appuyez sur les touches CTRL + MAJ + I de votre clavier ou cliquez sur les trois points horizontaux ( "Paramètres et plus" ) dans le coin supérieur droit de Microsoft Edge. Dans le menu qui s'affiche, accédez à Plus d'outils puis à Outils de développement .
Accéder aux outils de développement dans Microsoft Edge
Cliquez sur le bouton "Basculer l'émulation de l'appareil" (il ressemble à un smartphone à côté d'une tablette) ou appuyez sur CTRL + Maj + M sur votre clavier. Cela active la barre d'outils de l'émulateur de navigateur mobile. Par défaut, il utilise un modèle Responsive pour le site que vous avez chargé. Cliquez dessus et choisissez l'appareil mobile que vous souhaitez émuler. Vos options incluent les mêmes smartphones et tablettes que Google Chrome.
Accéder à l'émulateur de navigateur mobile dans Microsoft Edge
Parcourez le site que vous souhaitez tester, passez d'un appareil mobile à l'autre et voyez à quoi il ressemble. Lorsque vous avez terminé, appuyez sur le bouton X (Fermer) dans le coin supérieur droit de Microsoft Edge.
Fermez l'émulateur de navigateur mobile dans Microsoft Edge
Vous êtes maintenant de retour au mode de navigation standard du bureau.
Comment activer et utiliser l'émulateur de navigateur mobile dans Opera
Dans Opera, visitez la page Web que vous souhaitez afficher comme si vous utilisiez un appareil mobile. Cliquez ensuite sur l'icône Opera en haut à gauche ( "Personnaliser et contrôler Opera" ). Dans le menu qui s'ouvre, choisissez Développeur suivi de Outils de développement . Si vous préférez le clavier, appuyez sur les touches CTRL + Maj + I pour le même résultat.
Accéder aux outils de développement dans Opera
Les outils de développement sont affichés sur le côté droit de la fenêtre du navigateur. Cliquez sur le bouton "Basculer la barre d'outils de l'appareil" (il ressemble à un smartphone à côté d'une tablette) ou appuyez sur CTRL + Maj + M sur votre clavier. La barre d'outils de l'appareil s'affiche à gauche. Par défaut, il utilise un modèle Responsive pour le site que vous avez chargé. Cliquez dessus et choisissez l'appareil mobile que vous souhaitez émuler dans la liste des options. Opera propose les mêmes émulateurs de navigateur mobile que Google Chrome et Microsoft Edge, car il est basé sur le même moteur de rendu (Chromium).
Accéder à l'émulateur de navigateur mobile dans Opera
Lorsque vous avez terminé les tests, appuyez sur le bouton X (Fermer) dans le coin supérieur droit pour revenir au mode de navigation standard sur le bureau.
Fermez l'émulateur de navigateur mobile dans Opera
Êtes-vous satisfait des options d'émulation de navigateur mobile disponibles ?
Vous savez maintenant comment émuler toutes sortes d'appareils mobiles dans votre navigateur Web préféré. Cependant, vous remarquerez peut-être que la plupart des navigateurs Web offrent les mêmes options d'émulation qui favorisent les iPhones et les iPads. Si vous souhaitez émuler un smartphone ou une tablette Android moderne, vos chances sont plutôt minces, même dans Google Chrome - le navigateur développé par la société à l'origine d'Android. Si vous souhaitez obtenir les meilleurs résultats, vous devrez peut-être utiliser deux navigateurs pour cette tâche : Chrome et Firefox, ou Firefox et Edge ou Opera. Avant de partir, dites-nous ce que vous pensez des options disponibles.
Vous en avez assez de l'erreur frustrante « Désactivation du service d'élévation de privilèges Microsoft Edge » qui bloque votre navigation ? Découvrez des solutions éprouvées et faciles à mettre en œuvre pour la résoudre rapidement, sans aucune compétence technique requise. Compatible avec les dernières mises à jour de Windows !
Résolvez facilement les problèmes de transparence de Microsoft Edge liés à la gestion de plusieurs GPU grâce à des solutions pas à pas. Retrouvez un affichage fluide et net des onglets et des effets sur les configurations double NVIDIA/Intel, en toute simplicité.
Vous en avez assez de l'écho gênant du microphone qui gâche vos appels web dans Microsoft Edge ? Découvrez des solutions éprouvées, étape par étape, pour corriger l'écho du microphone dans Microsoft Edge sur Zoom, Teams, Google Meet et bien plus encore, et profitez d'un son cristallin à chaque fois.
Vous rencontrez l'erreur MSI 1722 lors de l'installation ou de la mise à jour de Microsoft Edge sous Windows 11 ? Suivez notre guide de dépannage expert : des solutions simples et efficaces vous permettront de retrouver un Edge fonctionnel. Aucune compétence technique n'est requise !
Vous en avez assez des problèmes de configuration de Microsoft Edge avec Winaero Tweaker ? Obtenez des solutions permanentes pour les paramètres qui ne sont pas enregistrés, les réinitialisations et les personnalisations qui échouent dans les dernières versions d'Edge. Guide pas à pas avec captures d'écran pour une résolution rapide.
Vous en avez assez de la lenteur du menu contextuel de Microsoft Edge ? Ce guide de dépannage complet vous propose des solutions éprouvées, des réinitialisations rapides et des astuces avancées pour retrouver une réactivité optimale du clic droit dans Edge. Lancez-vous dès maintenant !
Votre navigateur Microsoft Edge est-il lent à cause d'extensions indésirables ? Consultez notre guide de dépannage expert : « Les extensions Microsoft Edge ralentissent votre navigateur ». Il contient des solutions étape par étape pour retrouver une navigation ultra-rapide. Améliorez vos performances dès aujourd'hui !
Vous rencontrez des difficultés avec l'erreur « Pilote de précision manquant » de Microsoft Edge ? Découvrez des solutions pas à pas pour rétablir la fluidité des gestes du pavé tactile, les mises à jour et les performances. Des solutions rapides et fiables pour les utilisateurs Windows.
Vous rencontrez des problèmes avec votre clé de récupération BitLocker dans Microsoft Edge ? Ce guide de dépannage pas à pas résout rapidement les erreurs courantes. Récupérez votre clé en toute sécurité depuis votre compte Microsoft, sans stress. Mise à jour avec les derniers conseils !
Vous rencontrez des difficultés avec l'activation de l'isolation du noyau dans Microsoft Edge ? Découvrez des solutions étape par étape aux problèmes d'isolation du noyau, notamment des modifications du BIOS, des mises à jour de pilotes et des réparations Windows, pour renforcer instantanément votre sécurité.
