quali sono le regole per rendere il sito mobile friendly?

Question

Vorrei aggiungere valore al mio sito web che ho sviluppato nel momento in modo che l'utente può controllare sul proprio telefono cellulare.

Le mie domande:

1. Devo fare modello diverso per la versione mobile e la versione completa uno? Come la creazione di mobile.example.com per la versione mobile?

2. L'Opera Mini non supporta JavaScript? Ho un telefono cellulare che ha Opera Mini, sembra che JavaScript non era in funzione. Fare tutto Opera Mini non ha JavaScript su di esso?

3. L'Opera Mini supporta piena W3C HTML standard e CSS? O hanno una diversa?

4. Esiste un emulatore per vederlo o al sito web di prova in diversi telefoni cellulari? Per esempio:. Browser Iphone, BlackBerry Browser, WAP e Opera Mini

Grazie !!!

Answer 1

1. E 'a voi se si vuole fare in due siti diversi per i dispositivi mobili e non mobili. Tuttavia, se lo fate, assicuratevi di avere un link dal sito mobile al sito completo per consentire agli utenti di passare ad esso.
2. Opera Mini supporta Javascript che alcune restrizioni (ad es. Sulle operazioni asincrone). Essere consapevoli del fatto che Opera Mini utilizza un approccio basato proxy e il JS viene eseguito su server di Opera che impone alcune restrizioni. Plugin come Adobe Flash non sono supportati.
3. In sostanza, Opera Mini supporta gli stessi standard di Opera Desktop dal momento che condividono lo stesso motore di rendering (Opera Presto). Tuttavia, a causa delle restrizioni dei dispositivi, alcune caratteristiche come CSS angoli arrotondati non sono disponibili in Mini. Vedere Opera Mini 5 standard di supporto per ulteriori informazioni, ma so che nel frattempo Opera Mini utilizza Opera Presto 2.4, il motore di rendering utilizzato in Opera Desktop 10.53.
4. Per i siti web di prova in Opera Mini, prova a MicroEmulator che è Open Source e viene fornito con una pelle che ridimensionabile permette di emulare diverse dimensioni dello schermo.

La speranza che aiuta:)

Answer 2

Alcuni siti web offrono una conversione automatica del tuo sito web esistente. Questo convertito, sito web mobile amichevole può sia essere ospitato in un nuovo dominio, o di una "maschera" può essere applicato sopra il vostro sito esistente. Scopri www.webtosmartphone.com, che converte facilmente siti web di base automaticamente; una linea veloce di codice e il vostro sito sarà ridimensionata automaticamente e visualizzabili nei telefoni intelligenti più popolari. Se non viene convertito automaticamente, è possibile richiedere per una conversione personalizzata.

Answer 3

1. Si dovrebbe sicuramente adattare la vostra uscita per i dispositivi mobili quando il contenuto è accessibile tramite un dispositivo mobile. Se lo farete, separando la presentazione mobile su un sottodominio o una cartella speciale o non è del tutto irrilevante.

2. / 3. Mobile è molto più di Opera Mini. Vari browser dei dispositivi mobili supportano diversi gradi di contenuti ricchi (JavaScript, CSS ecc) si dovrebbe guardare in rilevare quali funzionalità sono supportate dai visitatori del browser / dispositivo e servire il ricco contenuto in modo appropriato / "poveri". Si dovrebbe dare un'occhiata a WURFL e dispositivo Atlas che sono due basi di dati principali di useragents dispositivi mobili che consentono di servire solo il contenuto che l'useragent può consumare.

3. Ci sono molti emulatori là fuori, un po 'meglio e un po' peggio, che emulano vari browser per dispositivi mobili. Fuori della parte superiore della mia testa, i due che ho usato sono Yo Spazio SmartPhone Emulator ( sito web non funzionante atm ) e del Mobi TLD emulatore . Ci sono anche specifici vendor (Nokia, SE) strumenti di sviluppo si dovrebbe essere in grado di trovare che emulano i dispositivi del fornitore.

Answer 4

Cascading Style Sheets (CSS) sono il modo per ottenere questo risultato. Significa che è necessario rivedere l'uso del tuo sito di tabelle HTML, e convertire in un design basato su CSS.

Il CSS Zen Garden è una risorsa eccellente per mostrare ciò che è possibile.

  

Una risorsa per convertire il vostro attuale   sito in un dispositivo mobile friendly   formato è Skweezer.com. Basta inserire   L'URL del tuo sito web, e lo farà   visualizzare il vostro sito web in un   versione mobile-friendly rimuovendo   immagini di grandi dimensioni, stili CSS e pagina   elementi che non mostrare   propriamente. È possibile utilizzare questo come un   modello, o punto di partenza, per   facendo un profilo CSS mobile per l'   posto. Per fornire un CSS alternativo   foglio di stile per gli utenti con cellulare   dispositivi, inserire il seguente codice in   il capo di un documento HTML:

<link href="/css/global.css" rel="stylesheet" type="text/css" media="handheld" />

Rif .