52 votes

Comment puis-je ouvrir rapidement une vue mobile d'une page dans un navigateur de bureau ?

Puisque nous sommes dans un monde où le mobile est roi, il devient de plus en plus important de pouvoir tester facilement les sites web sur les téléphones mobiles, ou sur des téléphones mobiles émulés. Je collabore avec des personnes qui travaillent sur des sites web et des offres de médias sociaux, et j'aimerais les encourager à ouvrir régulièrement les sites web de leur navigateur de bureau en vue mobile. Je pense en particulier à la fonction intégrée de "vue mobile" du navigateur, qui est souvent cachée parmi tous les autres outils de développement fournis par le navigateur, mais je suis prêt à envisager tout ce qui est aussi rapide à mettre en place.

Comment ouvrir une vue mobile d'un site web à partir d'un navigateur de bureau ?

0voto

K8sN0v1c3 Points 16

Les réponses ci-dessus conviennent parfaitement à ceux qui aiment s'en tenir à un seul navigateur ou qui disposent d'un espace de travail limité (par exemple, un seul moniteur de moins de 21 pouces à faible résolution).

Il existe en fait une solution encore plus intéressante que j'ai découverte récemment : https://blisk.io/

Je m'abstiendrai d'utiliser le "lien d'affiliation" (en quelque sorte) à des fins personnelles (il existe un "système basé sur des jetons" qui vous permet de gagner des crédits pour obtenir des choses comme de l'espace cloud gratuit pour l'équipe et des "fonctionnalités premium" à utiliser avec), mais Blisk est en fait plutôt sympa.

Ce "navigateur conçu pour le développement", basé sur Chromium, offre une multitude de possibilités de démonstration de la page sur différents appareils grâce à un "volet" vertical sur le côté GAUCHE, de la même manière que Chrome Developer Tools se trouve par défaut dans la colonne verticale de droite.

C'est un travail, un regard. Bien qu'il y ait quelques limites à sa "fonctionnalité étendue freemium", il fonctionne toujours très bien pour "prévisualiser" les versions PC et mobile de vos pages / sites dans une comparaison côte à côte. Les fonctionnalités payantes semblent également très intéressantes si vous travaillez en équipe à distance (bien que je pense personnellement qu'il faudrait un meilleur programme de "test" avant d'accrocher les gens au coût mensuel).

Révélation complète : il y a une "limite de temps" EXTRÊMEMENT ennuyeuse par jour sur la partie de prévisualisation mobile (s'ouvre/se ferme à partir de l'icône à droite de la barre d'adresse - changer la "prévisualisation de l'appareil" à partir du petit lien vers le menu dans le coin supérieur droit "Afficher la liste de l'appareil").

BliskDemoCapture d'écran

De même : J'ai trouvé quelques astuces vraiment astucieuses avec les extensions de navigateur, comme les deux différents "User-Agent Switcher" de Chrome/Firefox qui vont un peu plus loin en vous permettant de basculer entre les chaînes User-Agent des différents systèmes d'exploitation ET les navigateurs qui leur sont destinés.

Je préfère la version "esolutions.se" en raison de la facilité avec laquelle il est possible d'ajouter des chaînes d'agent utilisateur personnalisées à la liste pour autant de personnalisations que vous le souhaitez (fonctionne également hors ligne, ce qui peut s'avérer pratique dans certains cas) : https://chrome.google.com/webstore/detail/user-agent-switcher/clddifkhlkcojbojppdojfeeikdkgiae

Quoi qu'il en soit, c'est mon point de vue :P

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X