Puis-je utiliser OS X navigateur Safari Pour tester correctement le code spécifique à iOS navigateur Safari en utilisant des requêtes des médias?

Question

Je ne possède pas de dispositifs iOS, ainsi tout mon développement de codage web se fait sur Safari. Je suis essayer ce projet génial de faire mon test , mais je trouve sur qu'il est peut-être limité.

Plus précisément, je veux utiliser requêtes médias spécifiques dans mon principal CSS de sorte que seul l'iPad peut rendre le CSS:

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

Lorsque je tente d'y accéder via localhost sur OS X Safari en utilisant le projet réactif d'essai en utilisant Safari sur Mac OS X, il ne tient pas compte du code. J'ai même essayé un code plus spécifique pour le paysage et portrait sans succès:

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

n'a pas réussi non plus.

Depuis que je ne possède pas l'iPad / iPhone, je ne peux voir le résultat sur l'Apple Store. Le code est fourni je littéralement accessible uniquement sur l'iPad et je ne peux pas utiliser Safari sur mon ordinateur pour faire quelques tests initiaux?

Answer 1

Pour ceux qui ne possèdent pas un appareil iOS comme un iPhone, iPad ou iPod Touch, le meilleur moyen / libre de se développer sans le matériel est de télécharger XCode et exécuter le simulateur iOS . Vous pouvez rapidement basculer entre les appareils dans le simulateur et ils chargent comme ils le feraient sur les appareils eux-mêmes.

Rock on et merci à @icktoofay!