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.
Simplifiez Collabora CODE grâce au mode Compact ou à onglets et aux contrôles WOPI PostMessage pour masquer en toute sécurité les boutons, commandes et onglets sélectionnés.
Confiez la gestion du HTTPS à Nginx pour un conteneur Collabora CODE, configurez correctement l'édition des WebSockets et vérifiez le point de terminaison public sans exposer le port 9980.
Dépannage des problèmes de masquage du texte par le clavier d'un navigateur mobile dans Collabora Online, avec des solutions de contournement rapides et des vérifications distinctes pour les navigateurs, les WebViews intégrées et les pages hôtes.
Définissez des limites d'impression et de téléchargement pour les liens ONLYOFFICE, les membres d'une salle ou les sessions de l'API Docs, puis vérifiez les restrictions à partir d'un compte destinataire.
Définissez une destination de sauvegarde, une planification, une couverture de messagerie et une limite de conservation dans ONLYOFFICE Workspace, puis vérifiez que l'archive est prête à être restaurée.
Démarrez la pile Docker Compose d'entreprise, enregistrez sa licence et ses données, configurez JWT en toute sécurité et vérifiez que les éditeurs sont prêts à s'intégrer.
Utilisez une macro JavaScript ONLYOFFICE pour supprimer les caractères non imprimables et les espaces superflus d'une plage de feuille de calcul définie, avec un flux de travail de révision sécurisé.
Déplacez les données du portail depuis le disque par défaut vers un fournisseur de stockage cloud compatible, ou déplacez les données Docker en toute sécurité en modifiant leur mappage de volume hôte.
Identifiez si Document Server utilise un package Linux ou Docker, supprimez uniquement ses composants et vérifiez les données restantes sans supprimer par erreur les services partagés.
Identifiez les ralentissements de l'édition collaborative en fonction de la pression sur les ressources Docker, des connexions proxy ou de la charge des documents, puis choisissez la solution qui correspond à vos mesures.
