Afficher les sites Web mobiles dans Windows avec les outils de développement Safari 4

Afficher les sites Web mobiles dans Windows avec les outils de développement Safari 4
Afficher les sites Web mobiles dans Windows avec les outils de développement Safari 4

Vidéo: Afficher les sites Web mobiles dans Windows avec les outils de développement Safari 4

Vidéo: Afficher les sites Web mobiles dans Windows avec les outils de développement Safari 4
Vidéo: GIMP for Windows - Download & Install - YouTube 2024, Novembre
Anonim

Vous voulez essayer des sites Web mobiles conçus pour l'iPhone et d'autres appareils mobiles sur votre PC? Safari 4 pour Windows vous permet de le faire facilement avec leurs outils de développement.

Par défaut, Safari affichera les sites Web de bureau standard. Mais en effectuant un simple changement, vous pouvez le faire fonctionner comme Safari Mobile sur iPhone ou iPod Touch.

Commencer

Tout d’abord, assurez-vous que Safari 4 pour Windows est installé. Vous pouvez télécharger Safari directement (lien ci-dessous) et installez-le comme d'habitude.

Image
Image

Ou si vous avez déjà installé un autre programme, tel que QuickTime ou iTunes, vous pouvez l'installer à partir de la mise à jour de logiciels Apple. Il suffit d'entrer mise à jour de logiciel Apple dans la zone de recherche du menu Démarrer.

Et sélectionnez ensuite Safari 4 dans la liste des nouveaux logiciels disponibles. Cliquez sur Installer pour télécharger et installer automatiquement Safari.
Et sélectionnez ensuite Safari 4 dans la liste des nouveaux logiciels disponibles. Cliquez sur Installer pour télécharger et installer automatiquement Safari.
Acceptez les termes du contrat de licence, puis Safari s’installera automatiquement.
Acceptez les termes du contrat de licence, puis Safari s’installera automatiquement.
Une fois cette opération terminée, Safari sera prêt à être utilisé.
Une fois cette opération terminée, Safari sera prêt à être utilisé.
Image
Image

Afficher les sites mobiles dans Safari

Premièrement, nous devons activer les outils de développement. Cliquez sur l'icône représentant une roue dentée dans la barre d'outils, puis sélectionnez Préférences.

Cliquez sur l'onglet Avancé, puis cochez la case «Afficher le menu de développement dans la barre de menu».
Cliquez sur l'onglet Avancé, puis cochez la case «Afficher le menu de développement dans la barre de menu».
Une fois que vous avez fermé votre boîte de dialogue Paramètres, cliquez sur l’icône de la page, sélectionnez Développer, puis Agent utilisateur, puis choisissez l’un des paramètres de Mobile Safari. Lors de notre test, nous avons choisi Mobile Safari 3.1.2 - iPhone.
Une fois que vous avez fermé votre boîte de dialogue Paramètres, cliquez sur l’icône de la page, sélectionnez Développer, puis Agent utilisateur, puis choisissez l’un des paramètres de Mobile Safari. Lors de notre test, nous avons choisi Mobile Safari 3.1.2 - iPhone.
Pour que votre navigateur puisse mieux imiter un appareil mobile, vous pouvez masquer les signets et la barre d'onglets afin de disposer d'une interface plus simple.
Pour que votre navigateur puisse mieux imiter un appareil mobile, vous pouvez masquer les signets et la barre d'onglets afin de disposer d'une interface plus simple.

Cliquez sur l'icône d'engrenage, sélectionnez «Masquer la barre de favoris», puis répétez l'opération et cliquez sur «Masquer la barre d'onglets».

Vous pouvez également réduire votre fenêtre pour vous rapprocher de la taille de l'écran d'un appareil mobile. Une fois ces opérations effectuées, Safari devrait ressembler à cette capture d’écran. Ici, nous avons chargé Google.com, et vous pouvez le voir dans son interface de style iPhone.
Vous pouvez également réduire votre fenêtre pour vous rapprocher de la taille de l'écran d'un appareil mobile. Une fois ces opérations effectuées, Safari devrait ressembler à cette capture d’écran. Ici, nous avons chargé Google.com, et vous pouvez le voir dans son interface de style iPhone.
Il suffit d'entrer un site Web dans la barre d'adresse et celui-ci se chargera dans son interface mobile, le cas échéant. Voici les autres offres mobiles de Google, directement dans Windows.
Il suffit d'entrer un site Web dans la barre d'adresse et celui-ci se chargera dans son interface mobile, le cas échéant. Voici les autres offres mobiles de Google, directement dans Windows.
Gmail charge les messages avec l'interface iPhone par défaut.
Gmail charge les messages avec l'interface iPhone par défaut.
Le Guide de l’utilisateur pour iPhone en ligne constitue un site mobile particulièrement intéressant. Lorsqu'il est chargé dans Safari avec le réglage iPhone, il se charge avec une très belle interface utilisateur mobile qui fonctionne comme une application iPhone. En fait, vous pouvez même cliquer et faire glisser pour faire défiler, tout comme vous le feriez avec votre doigt sur un iPhone.
Le Guide de l’utilisateur pour iPhone en ligne constitue un site mobile particulièrement intéressant. Lorsqu'il est chargé dans Safari avec le réglage iPhone, il se charge avec une très belle interface utilisateur mobile qui fonctionne comme une application iPhone. En fait, vous pouvez même cliquer et faire glisser pour faire défiler, tout comme vous le feriez avec votre doigt sur un iPhone.
Image
Image

Conclusion

Même si vous ne possédez pas de smartphone, vous pouvez toujours avoir une idée de ce à quoi les sites Web ressemblent avec cette astuce. Bien sûr, tous les sites ne fonctionneront pas, mais c’est amusant de jouer avec différents sites dotés de versions mobiles.

Liens:

Safari 4 Télécharger

Guide de l'utilisateur en ligne Apple iPhone

Conseillé: