Blog what I write

Emulador iOS 6, Simulator de Xcode y Web Inspector

post - - 2 replies -
IOS6, XCode, Web inspector

Vaya “title” me acabo de marcar! 馃榾

Los usuarios de Apple suele tener actualizado su sistema operativo, tanto de escritorio MacOS como de dispositivos m贸viles iOS. Supongo que su facilidad en los procesos de actualizaci贸n tiene mucho que ver en ello.

Por suerte la compi @chavalina ten铆a todav铆a su iPad con iOS6 y pudo reportarme un fallo de CSS que curiosamente solo se produc铆a en esa versi贸n, tanto con Chrome como Safari. Sin embargo en iOS7 y bajo los mismos navegadores todo perfecto, tambi茅n en el resto de navegadores y dispositivos.

Ya puestos en contexto vamos al grano.
Como emulador iOS 6 si ya tenemos actualizados nuestro iPad podemos recurrir a Xcode. Tenemos que ir a “Preferences > Downloads > Components” y descargar “iOS 6.1 Simulator“. Nos pide instalar y reiniciar la aplicaci贸n Xcode. A continuaci贸n creamos un proyecto Xcode “vacio”, al lado de los controles principales (Play y Stop) tenemos ahora la opci贸n para seleccionar como sistema operativo iOS6.1 y hacemos clic en el bot贸n Play.

Xcode con iOS6

Una vez emulado podemos usar la fabulosa herramienta Web Inspector de Safari, men煤: Develop > iPad Simulator.

Web inspector

A partir de aqu铆 a emular, probar y solucionar. Por curiosidad, os cuento que al final en mi caso, el problema era de CSS con la forma de interpretar -webkit-linear-gradient por parte de iOS6.

  • Marcos

    Imagino que ser谩 obvio para muchos pero por si acaso dejo caer que el Web Inspector de safari no so贸lo funciona con el emulador como comentas en tu caso, sino tambi茅n con un dispositivo real conectado al equipo… lo cual es un puntazo para depurar, ver problemas de CSS, todo ello en un dispositivo real y sobre la marcha 馃檪

    • As铆 es Q-Marcos, yo con el iPad lo use en varias ocasiones, es una pasada! Con el emulador de Xcode era completamente virgen 馃榾