web-dev-qa-db-fra.com

Simulateur de navigateur iPhone pour Windows?

Remarque: Il s'agit d'une question sur la simulation du navigateur sur l'iPhone, et non sur la simulation de l'ensemble de l'appareil. Je sais que la simulation d'appareil iPhone n'est pas possible sous Windows, car discuté en détail ici .

J'ai un site Web qui a l'air vraiment bizarre vu sur un iPhone - c'est une sorte de problème CSS.

Le même problème ne se produit pas lorsque je consulte le site dans Safari pour Windows (ou tout autre navigateur Windows d'ailleurs).

Alors, existe-t-il de bons simulateurs de navigateur iPhone qui fonctionnent sur Windows? C'est à dire. qui rendent un site de la même manière que le navigateur iPhone.

Des points bonus s'il existe un moyen d'inspecter le CSS en détail, comme avec la fonctionnalité de développeur "inspecter l'élément" de Chrome.

edit: pour les curieux, le problème de rendu que j'essaye de résoudre est décrit ici: image d'arrière-plan CSS rendu différemment sur iPhone

57
codeulike

Vous pouvez simuler l'agent utilisateur iPhone dans Safari 5 si vous configurez l'élément de menu Développeurs dans Préférences> Avancé. Le moteur du kit Web dans Safari 5 est similaire au navigateur de l'iPhone, donc la plupart des éléments HTML 5 fonctionnent de la même manière. En bonus, l'onglet Développeur vous permet de déboguer JavaScript et certains CSS (pas si bien pris en charge).

30
Robert Redmond

J'ai essayé toutes les options mentionnées et je ne les ai pas aimées (essentiellement parce qu'elles ne montrent pas les composants spécifiques à la plate-forme , ce qui est intéressant à des fins de démonstration ).

Si cela s'applique à vous, je recommanderais http://www.browserstack.com/

Malheureusement, ce n'est pas gratuit.

6
Igor Andrade

[Je sais que la question est assez ancienne maintenant, mais peut-être que ma réponse pourrait aider les gens à venir avec la même requête ...]

J'ai trouvé que l'émulateur du navigateur Google Canary était l'un des meilleurs et des plus rapides pour tester les problèmes de compatibilité du navigateur sur une machine Windows.

Il émule même le ratio de pixels de l'appareil 2x de l'iphone.

Essayez-le et voyez s'il reproduit votre problème:

http://www.google.co.in/intl/en/chrome/browser/canary.html

Pour essayer l'émulation, appuyez sur F12 et en dessous de la ligne habituelle d'outils de développement, vous verrez la deuxième ligne comme dans cette capture d'écran ...

enter image description here

De plus, il affiche également de nombreux navigateurs d'appareils populaires ...

J'espère que cela t'aides.

3
Amod

Je vais commencer les réponses:

Les laboratoires Blackbaud ont ici une simulation de navigateur iPhone open source, alimentée par Abode Air:

edit: nouveau lien: ibbdemo2
(accédez au lien de téléchargement pour obtenir le binaire .air. Vous devez installer Adobe Air)

Malheureusement, il ne reproduit pas mon problème particulier, il doit donc être rendu différemment.

2
codeulike

Essayez-les. J'ai essayé cela dans Chrome, et les sites que j'ai visités ont chargé la version non-iphone. Peut-être que le safari serait mieux.

http://www.testiphone.com

http://iphonetester.com

MISE À JOUR: Après de nouvelles recherches, il semble que celles-ci ne limitent vraiment que la taille de l'écran et n'utilisent pas le moteur de rendu iOS Safari.

2
Mike Ohlsen