Question iPhone Browser Simulator pour Windows?


Note: Ceci est une question sur la simulation du Navigateur sur l'iPhone, ne simulant pas tout l'appareil. Je sais que la simulation d’iPhone n’est pas possible sous Windows, longuement discuté ici.

J'ai un site Web qui semble vraiment étrange lorsqu'il est affiché sur un iPhone - c'est une sorte de problème CSS.

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

Alors, y a-t-il un bon iPhone Navigateur des simulateurs fonctionnant sous Windows? C'est à dire. qui rendent un site de la même manière que le fait le navigateur iPhone.

Des points bonus s’il ya un moyen d’inspecter le CSS en détail, comme avec la fonctionnalité de développeur de Chrome «inspecter l’élément».

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


55
2017-10-07 13:44


origine


Réponses:


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 Webkit de Safari 5 est similaire au navigateur de l'iPhone, de sorte que la plupart des éléments HTML 5 fonctionnent de la même manière. En bonus, l'onglet Developer vous permet de déboguer JavaScript et certains CSS (pas très bien supportés).


29
2017-10-07 15:21



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

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

Malheureusement, ce n'est pas gratuit.


6
2018-05-15 22:17



[Je connais la question assez ancienne maintenant, mais peut-être que ma réponse pourrait aider les gens qui viennent avec la même question ...]

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é des navigateurs 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 des outils de développement, vous verrez la deuxième ligne comme dans cette capture d'écran ...

enter image description here

De plus, il rend également la plupart des navigateurs de périphériques populaires ...

J'espère que cela t'aides.


3
2017-07-13 06:09



Essayez ces. J'ai essayé ceci en chrome, et les sites que j'ai visités ont chargé la version non-iphone. Peut-être que safari serait mieux.

http://www.testiphone.com

http://iphonetester.com

MISE À JOUR: Après des recherches plus approfondies, il semble que cela ne limite vraiment que la taille de l'écran et n'utilise pas le moteur de rendu iOS Safari.


2
2017-10-07 13:52



Je vais commencer les réponses:

Les laboratoires Blackbaud ont un navigateur pour iPhone open source, alimenté par Air Air, sim ici:

edit: nouveau lien: ibbdemo2
(aller au lien des téléchargements pour obtenir un fichier binaire .air. Adobe Air doit être installé)

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


2
2017-10-07 13:46