Tester l'apparence d'un site Web sur mobile avec le navigateur Chrome

Par Administrateur

Avoir un site Web qui fonctionne bien sur toutes les plateformes est ultra nécessaire à l'ère d'aujourd'hui. Il existe de nombreux outils en ligne pour tester un site Web dans différentes résolutions. Mais savez-vous que vous n'avez besoin d'aucun outil en ligne ou hors ligne et que vous pouvez tester la version mobile du site Web directement dans votre navigateur Chrome. Voici les étapes pour le faire.

Étape 1 - Tout d'abord, ouvrez n'importe quel site Web dans le navigateur Chrome.

Étape 2 – Appuyez maintenant sur CTRL + Maj + I pour ouvrir la console.

Vous pouvez également ouvrir sur trois points en haut à droite puis cliquer sur Plus d'outils – > Outils de développement.

Console développeur Chrome

Étape 3 – Maintenant, appuyez sur CTRL + Maj + M. Vous pouvez également cliquer sur l'icône bascule comme indiqué.

Résolution mobile Chrome

Votre site Web sera maintenant affiché en résolution mobile dans le navigateur Chrome.

Voici une version mobile de mon site Merabheja.comOutils de développement Chrome du site version mobile

Étape 4 - Cliquez simplement sur le nom du modèle mobile pour changer le modèle mobile avec différentes résolutions.

Étape 5 – Pour voir votre site Web dans une résolution ou des appareils personnalisés, pas dans la liste, cliquez sur Éditer.

Ajouter une résolution personnalisée

Étape 6 – Choisissez votre appareil parmi une longue liste de différents mobiles. Ou si vous voulez une résolution personnalisée (ou votre téléphone n'est pas dans la liste), cliquez simplement sur Ajouter un appareil personnalisé.

Ajouter une résolution de périphérique personnalisée

Ainsi de cette façon vous pouvez tester la version mobile des sites utilisant chrome et sans aucune extension.

Classé sous: chrome

5 meilleurs navigateurs prenant en charge IndexedDB [classés par limites de données]

5 meilleurs navigateurs prenant en charge IndexedDB [classés par limites de données]Navigateur SafariFirefoxChrome

Choisissez un navigateur ayant une interface élégante et de grandes fonctionnalités IndexedDB pourrait être compris comme une norme maintenue par le World Wide Web comme une alternative à la norme ...

Lire la suite
Comment réparer le code d'erreur Google Chrome 0xc0000005

Comment réparer le code d'erreur Google Chrome 0xc0000005Chrome

Le navigateur Google Chrome ne répond-il plus quelques secondes après le lancement et affiche-t-il le message d'erreur "L'application n'a pas réussi à s'initialiser correctement (0xc0000005). Cliqu...

Lire la suite
Crash de SystemSettings.exe lors de l'utilisation du correctif Windows 11

Crash de SystemSettings.exe lors de l'utilisation du correctif Windows 11Chrome

Certains processus Windows s'exécutent au premier plan et presque tous les autres processus s'exécutent en arrière-plan. “SystemSettings.exe" est l'un de ces processus qui s'exécutent pour garantir...

Lire la suite