Como pairo no iPad?

13

Existe uma maneira de passar o mouse sobre o conteúdo de uma página da web ao visualizá-lo no Safari no iPad? Especificamente, eu estava tentando passar o mouse sobre os avatares individuais na página inicial do Ask Different iPad Contest . Em um Mac ou PC, ele mostra quando o indivíduo completou seu nível de pairar, mas não consegui ver isso no iPad.

Hipopótamo
fonte

Respostas:

10

Se apenas o mestre yoda tivesse uma conta aqui, ele poderia dizer "toque ou não toque, apenas o jedi pode pairar", já que os detalhes da implementação mergulham rapidamente em onde a tecnologia da web atende ao design de interação humana.

insira a descrição da imagem aqui

Descendo um pouco a toca do coelho, ele também pode apontar que bons desenvolvedores da Web conhecem a classe TouchEvent no Safari que pode discernir um evento multitoque touchstart a partir de uma interação touchend / touchcancel / touchmove e talvez seja usado para fornecer feedback adicional com base na idéia que tocar em um alvo teria um efeito visível no conteúdo da página da web.

É geralmente má concepção de espera toque para espelhar um modelo centrado no rato , mas isso não significa que o design deste site específico está errado. Apenas pense bem antes de assumir que existe uma maneira simples de projetar para toque, que depende de eventos simulados de mouseover.

bmike
fonte
3
A linha real é "Faça ou não faça. Não há tentativa", então a sua deve ser "Toque ou toque em não. Não há foco instantâneo".
por favor me apague
Mas existe, porque é o que Luke faz com sua asa-X quebrada no pântano;)
stuffe 31/03
1
Minha primeira tentativa de falar por Yoda estava cheio de falhar - veja o histórico de edição ... Talvez eu precise de uma imagem de Yoda para todos distrair do que ...
bmike
Você quer dizer, no seu segundo parágrafo, que o touchstartevento pode ser usado como uma alternativa ao pairar? Isso precisa ser feito em JavaScript? Obrigado!
Hippo
Eu não entendo essa resposta. Além disso, a pergunta é sobre como usar o Safari em um iPad, e a resposta parece dar conselhos sobre o design de páginas da web.
Kai Carver
6

Um toque (muito) breve em uma imagem que possui um link com a a:hoverpropriedade ativa essa a:hoverexperiência. Um toque mais longo segue o <a>link. Infelizmente, esse comportamento não é visto com a <acronym>tag, na qual os navegadores da área de trabalho agem de maneira semelhante :hover. Aqui está um exemplo menos do que perfeito, testado no iPhone.

ard
fonte
4

Não, não há como fazer isso em um dispositivo de toque. Não há como o seu iPad detectar que seu dedo está pairando sobre a tela :) (Embora tecnicamente isso seja perfeitamente possível e, em teoria, possa ser adicionado a um futuro modelo de iPad).

Você pode usar o JavaScript para mostrar os titlevalores dos atributos dos links de imagem em http://thenewipadishere.com/ .

[].forEach.call(document.images, function(element) {
  var span = document.createElement('span');
  span.innerText = element.title;
  element.parentNode.insertBefore(span, element);
});

No formato bookmarklet:

javascript:[].forEach.call(document.images,function(b){var a=document.createElement("span");a.innerText=b.title;b.parentNode.insertBefore(a,b)});

Copie e cole isso e adicione-o como um marcador no seu dispositivo iOS preferido. Em seguida, visite http://thenewipadishere.com/ e selecione o marcador.

Mathias Bynens
fonte
Não consigo criar um marcador a partir disso, porque parece que só posso criar indicadores de páginas abertas. Mas colar o segundo formulário na barra de endereços funciona e exibe os atributos do título!
Hippo
Acho que esse script não é específico da página do concurso, certo?
31412 Hippo
1
@ Hippo Vá para qualquer página e adicione-a como marcador. Depois, volte e edite o marcador - você poderá editar o URL agora. Acabei de escrever esse script para a página do concurso, mas funcionaria em qualquer página que use imagens com titleatributos.
Mathias Bynens 31/03
Ah, eu vejo agora ... os favoritos padrão não tinham a opção de edição de URL, então isso me confundiu.
Hippo
1

Experimente o navegador Puffin para o iPad. O cursor no modo trackpad pode pairar. Além disso, você pode assistir a vídeos em flash, e é lento, mas pelo menos é possível.

ryan
fonte