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.
Découvrez comment personnaliser votre barre des tâches dans Windows 10 avec des conseils pratiques sur les icônes, les boutons, et bien plus encore.
Découvrez comment exporter l’arborescence d’un dossier dans un fichier Excel, un document ou un fichier texte. Utilisez la commande tree ou l’outil FolderTree que nous avons créé.
Le glisser-déposer ne fonctionne plus sous Windows 10 ou Windows 11 ? Voici comment résoudre ce problème en quelques secondes.
Découvrez comment configurer et tester correctement la webcam utilisée par Skype, que ce soit sur Windows, Android ou iOS. Apprenez à changer la webcam dans l\
Découvrez comment supprimer les valeurs des cellules présentes dans une feuille de calcul Microsoft Excel, tout en préservant vos formules, pour les réutiliser avec de nouvelles données.
Comment activer le mode jeu dans Windows 10 et Windows 11. Le raccourci du mode jeu pour Windows 10 et Windows 11.
Découvrez comment voir votre agenda et ajouter des événements à votre calendrier directement depuis la barre des tâches de Windows 10.
Découvrez comment ouvrir Microsoft Edge dans Windows 10 facilement grâce à notre guide complet, incluant des astuces pratiques et des méthodes alternatives.
Comment télécharger Google Chrome 64 bits ou la version 32 bits. Ce guide vous aide à installer Chrome en fonction de vos besoins spécifiques et de votre système d
Découvrez comment utiliser les outils de mise en réseau Xbox dans Windows 10 pour vérifier l
Découvrez comment activer ou désactiver le mode sombre dans Microsoft Edge, et appliquez-le à tous les sites Web que vous visitez.
Découvrez comment modifier la date, l
Découvrez comment résoudre le problème lorsque certaines applications n
Découvrez comment diffuser votre collection de musique personnelle via OneDrive et l'application Groove Music à partir de Windows 10. Apprenez-en davantage sur l'ajout de votre musique à OneDrive et les meilleures pratiques.
Où se trouve le Centre de mobilité Windows dans Windows 10 ? Voici tous les raccourcis et méthodes pour ouvrir le Centre de mobilité Windows.
Si vous n'avez plus besoin d'utiliser Galaxy AI sur votre téléphone Samsung, vous pouvez le désactiver avec une opération très simple. Voici les instructions pour désactiver Galaxy AI sur les téléphones Samsung.
Si vous n'avez pas besoin d'utiliser de personnage IA sur Instagram, vous pouvez également le supprimer rapidement. Voici un guide pour supprimer les personnages IA sur Instagram.
The delta symbol in Excel, also known as the triangle symbol in Excel, is used a lot in statistical data tables, expressing increasing or decreasing numbers, or any data according to the users wishes.
Les utilisateurs peuvent également personnaliser la désactivation de la mémoire ChatGPT quand ils le souhaitent, sur les versions mobiles et informatiques. Voici les instructions pour désactiver le stockage ChatGPT.
Par défaut, Windows Update recherche automatiquement les mises à jour et vous pouvez également voir quand la dernière mise à jour a eu lieu. Voici les instructions pour savoir quand Windows a été mis à jour pour la dernière fois.
Fondamentalement, l’opération de suppression de l’eSIM sur iPhone est également simple à suivre pour nous. Voici les instructions pour supprimer l'eSIM sur iPhone.
En plus d'enregistrer des Live Photos sous forme de vidéos sur iPhone, les utilisateurs peuvent convertir des Live Photos en Boomerang sur iPhone très simplement.
De nombreuses applications activent automatiquement SharePlay lorsque vous utilisez FaceTime, ce qui peut vous amener à appuyer accidentellement sur le mauvais bouton et à ruiner l'appel vidéo que vous passez.
Lorsque vous activez « Cliquer pour faire », la fonctionnalité fonctionne et comprend le texte ou l'image sur lequel vous cliquez, puis émet des jugements pour fournir des actions contextuelles pertinentes.
L'activation du rétroéclairage du clavier fera briller le clavier, ce qui est utile lorsque vous travaillez dans des conditions de faible luminosité ou pour rendre votre coin de jeu plus cool. Vous avez le choix entre 4 façons d'allumer les lumières du clavier de votre ordinateur portable ci-dessous.
Il existe de nombreuses façons d'entrer en mode sans échec sur Windows 10, au cas où vous ne parviendriez pas à accéder à Windows et à y accéder. Pour entrer en mode sans échec Windows 10 au démarrage de votre ordinateur, veuillez vous référer à l'article ci-dessous de WebTech360.
Grok AI a désormais étendu son générateur de photos AI pour transformer des photos personnelles en de nouveaux styles, comme la création de photos de style Studio Ghibli avec des films d'animation célèbres.
Google One AI Premium propose un essai gratuit d'un mois pour que les utilisateurs puissent s'inscrire et découvrir de nombreuses fonctionnalités améliorées telles que l'assistant Gemini Advanced.
À partir d'iOS 18.4, Apple permet aux utilisateurs de décider d'afficher ou non les recherches récentes dans Safari.
Windows 11 has integrated the Clipchamp video editor on Snipping Tool so that users can edit videos as they want, without having to use other applications.
