Simulateur de navigateur pour iPhone/iPad ?

Question

J'ai besoin de voir comment mes pages web se présentent sur un iPhone et un iPad sur mon bureau Windows. Est-ce possible ?

Une recherche rapide m'a permis de trouver des sites de test pour iPhone, qui semblaient correspondre à ce que je voulais. Cependant, ils sont très imprécis lorsque je les compare à mon propre iPhone ! J'ai vraiment besoin de quelque chose qui soit aussi proche que possible d'une précision de 100 %.

XCode dispose-t-il d'un simulateur qui soit précis à 100 % ? Je comprends que j'aurais besoin d'un Mac pour exécuter XCode...

Answer 1

Le simulateur iPhone/iPad fourni avec Xcode inclut Safari. Si vous exécutez Safari dans le simulateur, vous pouvez afficher votre site Web et il devrait apparaître de la même manière que sur un appareil réel. Cela peut fonctionner pour des tests généraux de mise en page. Mais comme il s'agit d'un simulateur, il est possible que toutes les fonctionnalités ne soient pas exactement les mêmes que sur un véritable appareil iOS.

Si vous écrivez un site Web et que vous devez vérifier qu'il s'affiche correctement sur un appareil donné, vous devez tester votre site Web sur cet appareil réel. Les tests sur du matériel réel font partie du prix à payer pour faire des affaires.

Et oui, vous avez besoin d'un Mac pour exécuter Xcode.

Answer 2

Les deux sites Chrome y Firefox ont maintenant des émulateurs intégrés. Ils ne sont pas parfaits, mais ils sont suffisamment performants pour vous permettre de faire presque tout le chemin avant de tester sur un appareil réel. Le mieux, c'est que si vous aimez les outils de développement du navigateur ( Chrome , Firefox ), vous pouvez les utiliser pendant l'émulation.

Pour obtenir l'émulateur : [Ctrl+Shift+M] et sélectionnez l'appareil que vous voulez émuler. Il se peut que vous deviez rafraîchir la page, surtout si vous avez quelque chose qui dépend du script qui s'exécute au chargement de la page.

Internet Explorer dispose également d'un mode d'émulation de périphérique. F12, puis CTRL+8. Ce mode n'est pas aussi simple que l'émulation de périphérique mobile de Chrome, mais il vous permet de simuler la géolocalisation :

Answer 3

Pour l'instant, je pense que le meilleur émulateur est https://app.crossbrowsertesting.com

Il a des tailles réelles et un clavier virtuel (c'est la chose la plus importante), des événements de zoom...

Aussi https://appetize.io/demo a les mêmes choses mais il a une limite de temps.

Answer 4

Vous pouvez exécuter safari dans le simulateur de Xcode et il devrait émuler avec précision les iPads et les iPhones. Un autre produit sur le marché dont j'ai entendu de bonnes critiques est le suivant Ripple pour le chrome .

Answer 5

Rien ne peut remplacer les tests sur un appareil réel.

Les appareils réels ont des densités d'affichage plus élevées, ce qui signifie que les pixels sont plus petits. Si vous ne testez pas sur un appareil réel, vous ne vous rendrez peut-être pas compte que votre conception comporte du texte trop petit pour être lu ou des boutons trop petits pour être actionnés.

Vous utilisez des appareils réels avec vos doigts, pas une souris. Cela signifie que la précision de vos tapotements est bien moindre et que ce que vous tapez est masqué par votre doigt. Si vous ne testez pas sur un appareil réel, vous ne vous rendrez peut-être pas compte que vous avez introduit des problèmes d'utilisabilité dans votre conception.