Émulation du navigateur mobile (Mozilla, iPhone et plus)

Ce que la chaîne d’agent utilisateur signifie réellement

L’agent utilisateur est une chaîne qui est transmise par un navigateur de bureau ou mobile ainsi qu’une demande HTTP(S) pour n’importe quelle page Web sur Internet. La chaîne contient des informations spécifiques sur le logiciel et le matériel de l’appareil qui fait la demande, la technologie spécifique utilisée pour accéder à un site Web, une page Web ou tout autre contenu en ligne. La chaîne d’agents utilisateur est unique à chaque utilisateur web. Ces informations incluent généralement des détails sur le nom du navigateur, le moteur de rendu Web, la plate-forme native (par exemple pour les navigateurs mobiles, iOS, Android, Amazon KFTHWI, Windows Phone 8, BB10, RIM Tablet OS, etc.), et l’appareil sur laquelle le navigateur fonctionne.

En utilisant la chaîne d’agents utilisateur, vous pouvez déterminer beaucoup de paramètres, par exemple, en plus du nom du système d’exploitation, de sa version et du type de processeur. Vous pouvez également identifier l’appareil exécutant le navigateur – il peut s’agir d’une tablette, d’un PC, d’un iPad, d’un iPhone ou d’un autre appareil mobile. En outre, la chaîne d’agents utilisateur peut contenir des informations sur les fonctionnalités qu’un navigateur Web prend en charge (telles que JavaScript, Cookie, Java Applet, ActiveX, etc.).

Vous pouvez consulter la chaîne user agent qui indique votre navigateur dans le navigateur Chrome en entrant :

about:

Une fois qu’un utilisateur a entré une URL d’un site Web dans un navigateur, le navigateur envoie sa chaîne d’agents utilisateur sur le site Web où il tente de se connecter. Une fois que l’agent utilisateur est identifié sur un serveur Web, le serveur renvoie le contenu approprié (fichiers, JavaScript, fichiers multimédias) qui correspond aux paramètres du navigateur. De cette façon, différentes versions de la même page Web basées sur l’en-tête de l’agent utilisateur peuvent être fournies au navigateur.

Cependant, le principal défi au sujet de la compréhension de la chaîne d’agent utilisateur est que la majorité des navigateurs indiquent non seulement des informations réelles sur ce qu’ils sont construire, mais aussi ajouter ce qu’ils sont compatibles avec la chaîne de l’agent utilisateur. Par exemple, presque tous les navigateurs modernes signale Mozila/5.0 dans le cadre de sa chaîne d’agents utilisateur.

Comment lire la chaîne user agent

Comme il n’y a pas de format standard pour une chaîne d’agents utilisateur, il peut être difficile de le lire. Cependant, vous pouvez trouver beaucoup de lignes directrices sur la façon d’analyser et d’analyser le contenu des chaînes d’agents utilisateurs sur Internet. En outre, vous pouvez utiliser des outils analytiques en ligne (tels que whatismybrowser.com) pour relever ce défi.

Dans cet article, nous ne couvrirons que les bases de la terminologie des cordes de l’agent utilisateur. Analysons la chaîne de l’agent utilisateur avec le contenu suivant :

Mozilla / 5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit / 600.1.3 (KHTML, like Gecko) Version / 8.0 Mobile / 12A4345d Safari / 600.1.4

La chaîne d’exemple contient quelques jetons couramment utilisés. Examinons de plus près ce que chacun des noms signifie réellement :

• Mozilla/ 5.0, comme cela a été mentionné ci-dessus, est utilisé par les navigateurs modernes pour faire savoir aux serveurs Web qu’un navigateur est compatible Mozilla. Mozilla est un nom de code utilisé par Netscape et peuplé par d’autres navigateurs dans leurs chaînes d’agents utilisateur à servir avec le même contenu que Netscape.
• AppleWebKit est un identificateur de moteur de rendu Web utilisé sur les appareils Apple et pris en charge par d’autres types d’appareils tels que BlackBerry.
• KHTML est un moteur utilisé par Safari et Chrome.
• Gecko est le moteur utilisé dans les dernières versions de Firefox. Le jeton «comme Gecko» est utilisé pour être compatible avec les sites Web qui servent leur contenu aux navigateurs basés sur Geko.
• Safari est le jeton qui indique un nom de navigateur réel.

Comment émuler un appareil mobile dans un navigateur de bureau (Google Chrome)

Pour afficher et tester une version mobile de votre site Web, vous pouvez utiliser des outils intégrés qui sont fournis par tous les navigateurs Web modernes. À titre d’exemple, nous vous ferons passer par l’émulation du mode navigateur mobile dans Google Chrome.

Tout d’abord, démarrer Chrome. Dans Google Chrome, ouvrez un site Web mobile que vous devez tester. Cliquez ensuite sur le bouton Personnaliser et gérer Google Chrome (trois points verticaux dans le coin supérieur droit de la fenêtre du navigateur). Dans le menu, sélectionnez Plus d’outils < de développeur d’outils. Ou vous pouvez utiliser CTRL + Shift + I pour Windows, Unix et Cmd+Opt+I pour Mac OS.

Cliquez ensuite sur l’icône barre d’outils de l’appareil Toggle. L’émulateur du navigateur sera démarré et la simulation de l’appareil sera activée. Par conséquent, la vue mobile de la page sera chargée.

Par défaut, la barre d’outils de l’appareil utilise un mode réactif pour la page chargée. Vous pouvez sélectionner l’appareil mobile que vous souhaitez émuler pour votre test : Samsung Galaxy S5, Pixel 2, Pixel 2 XL, iPhone (de la version 5 à l’iPhone X), iPad et iPad Pro. La page de l’appareil mobile se recharge comme si vous utilisiez le smartphone ou la tablette que vous avez sélectionné dans la liste.

Lorsque vous avez terminé, il suffit de fermer les outils de développeur Google Chrome pour revenir à la vue de bureau standard.