mislata
Mislata
Algunos Applesanos tienen su propio blog pero con la llegada de tantas tabletas, conceptos como el famoso HTML5 necesitan hacer su web compatible con estos dispositivos.
La formula más fácil para ello es probar directamente en un iPad o una tableta Android. ¿Pero que hacer si no tienes una? Buscar la emulación para probar en nuestro escritorio de OS X Lion.
Tampoco es problema tener el iPad, por comodidad mientras estas editando el CSS te puede interesar tener un emulador en tu escritorio para no perder tiempo.
Dos trucos para ver vuestra web como en un iPad
Navegadores web
Con Safari Explorer desde sus Preferencias vas a Avanzado y marca Mostrar el menú Desarrollo en la barra de menus.
En Desarrollo despliega el Agente de Usuario y usa el que deseas probar, Safari iOS 4.3.3 iPad
En FireFox, más recomendado incluso que el propio Safari de Apple. Abre el navegador y en la barra de direcciones escribe About:config
Crea una nueva cadena general.useragent.override con el valor
Mozilla/5.0 (iPad; CPU OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3
FireFox se comportara como si fuera un iPad
Por último y no menos importante para comprobar que tu web es compatible con video HTML5 de verdad elimina completamente flash player de tu OS X.
En Libreria/Internet Plug-Ins/ borra estos dos archivos:
Flash Player.plugin
flashplayer.xpt
Si te hace falta flash Player en el futuro solo tienes que ir a Adobe y reinstalar.
Simulador iOS
Y por ultimo puedes descargar las X-Code Tool desde la Mac App Store e instalar el simulador iOS.
Esta en la carpeta Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone Simulator.app
Recuerda girar para comprobar que se ajusta perfectamente a los dos formatos, vertical y horizontal
Espero que os sirva, unete a la Comunidad Webamaster y comparte tus avances.
La formula más fácil para ello es probar directamente en un iPad o una tableta Android. ¿Pero que hacer si no tienes una? Buscar la emulación para probar en nuestro escritorio de OS X Lion.
Tampoco es problema tener el iPad, por comodidad mientras estas editando el CSS te puede interesar tener un emulador en tu escritorio para no perder tiempo.
Dos trucos para ver vuestra web como en un iPad
Navegadores web
Con Safari Explorer desde sus Preferencias vas a Avanzado y marca Mostrar el menú Desarrollo en la barra de menus.
En Desarrollo despliega el Agente de Usuario y usa el que deseas probar, Safari iOS 4.3.3 iPad
En FireFox, más recomendado incluso que el propio Safari de Apple. Abre el navegador y en la barra de direcciones escribe About:config
Crea una nueva cadena general.useragent.override con el valor
Mozilla/5.0 (iPad; CPU OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3
FireFox se comportara como si fuera un iPad
Por último y no menos importante para comprobar que tu web es compatible con video HTML5 de verdad elimina completamente flash player de tu OS X.
En Libreria/Internet Plug-Ins/ borra estos dos archivos:
Flash Player.plugin
flashplayer.xpt
Si te hace falta flash Player en el futuro solo tienes que ir a Adobe y reinstalar.
Simulador iOS
Y por ultimo puedes descargar las X-Code Tool desde la Mac App Store e instalar el simulador iOS.
Esta en la carpeta Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone Simulator.app
Recuerda girar para comprobar que se ajusta perfectamente a los dos formatos, vertical y horizontal
Espero que os sirva, unete a la Comunidad Webamaster y comparte tus avances.
