Come rendere correttamente un semplice sito rendering su più browser mobili?

Question

Abbiamo un sito piuttosto semplice (JS minimo) con HTML semplice e CSS. È una semplice interfaccia mobile per la nostra applicazione principale.

Stiamo riscontrando problemi perché abbiamo più di una colonna e diversi browser sembrano forzare singole colonne.

Attraverso alcune ricerche mi sono imbattuto in 2 meta tag.

<meta name="MobileOptimized" content="220" />
<meta name="viewport" content="width=320" />

Con questi abbiamo una buona vista 'ridimensionata' per IE Mobile e iPhone. Non abbiamo riscontrato alcun problema con il Blazer di Palm. Ma Blackberry è un'altra questione.

Il Blackberry ha anche un modo semplice per controllare la visualizzazione del browser? Con semplice intendo senza creare una pagina speciale per quel dispositivo.

Answer 1

Non mi preoccuperei di creare un "mezzo" versione per iPhone ecc., gli utenti iPhone possono semplicemente guardare la tua vera pagina web abbastanza facilmente. Avere la tua versione completa e una versione a colonna singola e raggiungerai il pubblico più vasto con un lavoro minimo.

Per rispondere alla tua domanda, tuttavia, non esiste un buon modo per fare in modo che Blackberry faccia qualcosa di diverso da 1 vista di colonna. Puoi farlo sembrare abbastanza professionale, poiché si applicano ancora CSS e javascript semplice, ma dovrai perdere molto del tuo immobile orizzontale.

Answer 2

La mia raccomandazione sarebbe quella di creare due o tre versioni del sito:

• Sito completo per browser desktop moderni (se si tratta di un'applicazione molto pesante)
• Sito con JS e CSS minimi per buoni browser mobili e browser desktop (mi viene in mente IPhone e SkyFire)
• Sito senza JS, colonna singola e principalmente solo testo normale.

Il motivo è che la codifica per 3-4 browser desktop è abbastanza difficile. Non uccidere te stesso su un altro centinaio di dispositivi per codificare e creare una semplice pagina che fornisce informazioni.

Ricorda il principio di progettazione di base dello sviluppo web: agli utenti non importa. Vogliono informazioni o funzionalità. Ti sembrerà molto meglio se avessi un layout semplice e chiaro per i browser per dispositivi mobili difettosi (IE o Blackberry), quindi prova a hackerare qualcosa che alla fine diventa un incubo di manutenibilità e potenzialmente ti farà sembrare cattivo se qualcuno usa ancora un altro cellulare browser e non hai ancora scritto il sito specifico del telefono.

Answer 3

BlackBerry (da OS 4.6 e versioni successive) supporta sia il tag meta-viewport che il tag meta-HandheldFriendly. Consulta le " Linee guida per la progettazione dei contenuti " documento all'indirizzo http://na.blackberry.com / eng / support / docs / subcategories /? userType = 21 & amp; category = BlackBerry + Browser per i dettagli.