HTML API per i dispositivi touch?

Question

Quali HTML API sono disponibili per i dispositivi touch screen (per esempio tablet PC)? Ho notato che l'interfaccia iPad di GMail (e altre interfacce mobili) non scorrere verso il basso in un normale browser web (fingendo di essere un iPad tramite un hack user-agent). Come si può accedere a questa API su un PC?

Ho una scuola piena di tablet PC che non sono meravigliosi in modalità tablet a causa della mancanza di supporto per le applicazioni, ma ci sembra essere un numero crescente di applicazioni web-based in grado di colmare questa lacuna.

Answer 1

Nella maggior parte dei casi, le webapps stanno utilizzando gli eventi JavaScript touch-based (tocco, TouchStart, touchend), che (per ovvie ragioni) non vengono implementate sui browser desktop.

Controlla la tabella di compatibilità del PPK per i dettagli: http://quirksmode.org/mobile/tableTouch.html .

Ha anche una demo che mostra gli eventi touch in uso: http: // quirksmode. org / m / Test / scrollayer.html . C'è un collegamento in quella pagina per una "variante" che funziona su browser desktop. Questo è quello che vi serve.

Answer 2

È possibile utilizzare, come hai già detto, UserAgent, ai contenuti presenti disposti appositamente per determinati dispositivi.

Per ogni dispositivo, dovrete leggere la documentazione su come scrivere codice HTML in modo da rendere il dispositivo si comportano come si desidera.

Per esempio, ecco come si farebbe per un iPhone / iPodTouch. di Qui per iPad. Allo stesso modo, a seconda del dispositivo che si possiede, si sarà in grado di trovare la documentazione adeguata.

C'è un database impressionante aperto che può aiutare a ottenere informazioni sul dispositivo in base a user agent. Si chiama WURFL .