Creazione di una versione mobile di un sito Web

Question

Sto cercando di creare una versione mobile del nostro sito web/web app. Qual è un buon modo per fornire la versione migliore e più completa.

Parte del motivo per la creazione è invece di un'app per iPhone, quindi mi piacerebbe offrire un'app per iPhone che sfrutti appieno la versione iPhone di WebKit (così le animazioni CSS, potendo contare su una buona supporto javascript ecc.). Tuttavia, mi piacerebbe anche che il sito funzionasse bene anche su altri smartphone e anche su telefoni cellulari di base.

Devo creare due siti (Mobile WebKit e Web mobile di base) e reindirizzare in base a User Agent? Posso creare un sito che degrada bene? Quali sono le possibilità e come le gestiscono le altre persone?

Inoltre: i simulatori di web mobile sono un valore? Ho un iPhone, quindi posso testarlo facilmente. Se voglio provare su Blackberry/Palm Pre ho davvero bisogno di un dispositivo o ci sono simulatori affidabili?

Answer 1

Queste sono alcune delle librerie specifiche di iPhone che forniscono un aspetto e le funzioni native su WebKit:

• iUi
• jQTouch
• Sencha Touch
• iWebkit

a farla il lavoro sulla maggior parte dei telefoni sarà sicuramente un problema con la maggior parte delle librerie in quanto sono costruite con le dimensioni dello schermo dell'iPhone (320x480) in mente.

Per ottenere una copertura più ampia di dispositivi, compresi telefoni Android e J2ME, checkout Yahoo Blueprint. È un linguaggio di markup che si traduce per varie piattaforme e dispositivi.

È possibile ottenere la vista mobile in base a User Agent cambiando dinamicamente il foglio di stile sul server quando si sputa la pagina. Tuttavia, questo non è un approccio consigliato per le pagine pesanti, poiché continuerai a inviare enormi quantità di dati che non verrebbero visualizzati. In alternativa, se si dispone di una chiara separazione delle visualizzazioni, è possibile templatizzare la vista in base a User Agent e/o altri parametri. Ciò ha il vantaggio di mantenere la logica del controllore in un unico posto con solo le visualizzazioni variabili. È possibile utilizzare le librerie sopra per iPhone/iPod Touch e passare a una versione mobile più semplice per altri smartphone o modificarla come si desidera.

Creazione di una versione mobile separata del sito può essere faticosamente difficile da mantenere quando si verificano cambiamenti.

I simulatori di iPhone e Android sono il più vicino possibile al vero affare. L'iPhone non ti consente di fare cose come fare chiamate sul simulatore per ovvi motivi, ma l'Android fornisce finte implementazioni praticamente per tutto sul dispositivo.