APIs HTML para dispositivos de toque?

Question

Quais APIs HTML estão disponíveis para dispositivos de tela de toque (por exemplo, Tablet PCs)? Percebo que a interface do iPad do Gmail (e outras interfaces móveis) não rola para baixo em um navegador normal (fingindo ser um iPad por meio de um hack de agente de usuário). Como se pode acessar esta API em um PC?

Eu tenho uma escola cheia de PCs de tablets que não são maravilhosos no modo tablet devido à falta de suporte ao aplicativo, mas parece haver um número crescente de aplicativos baseados na Web que preencherão essa lacuna.

Answer 1

Na maioria dos casos, os WebApps estão usando eventos JavaScript baseados em toque (Touch, Touchstart, Toukend) que (por razões óbvias) não são implementadas nos navegadores de desktop.

Confira a tabela de compatibilidade do PPK para obter detalhes: http://quirksmode.org/mobile/tableTouch.html.

Ele também tem uma demonstração que mostra os eventos de toque em uso: http://quirksmode.org/m/tests/scrollayer.html. Há um link nessa página para uma "variante" que funciona nos navegadores da área de trabalho. Esse é o que você precisa.

Answer 2

Você pode usar, como você já declarou, o UserAgent, para apresentar conteúdo estabelecido especificamente para determinados dispositivos.

Para cada um, o dispositivo, você terá que ler sua documentação sobre como escrever HTML para fazer com que o dispositivo se comportasse como desejar.

Por exemplo, Aqui está Como você faria isso para um iPhone/iPodTouch. Aqui está para iPad. Da mesma forma, dependendo do dispositivo que você possui, você poderá encontrar documentação adequada.

Existe um banco de dados aberto incrível que pode ajudá -lo a obter informações do dispositivo com base no agente do usuário. É chamado Wurfl.