Comment survoler l'iPad?

13

Existe-t-il un moyen de survoler le contenu d'une page Web lors de sa visualisation dans Safari sur l'iPad? Plus précisément, j'essayais de survoler les avatars individuels sur la page d'accueil du concours Ask Different iPad . Sur un Mac ou un PC, cela montre quand l'individu a terminé son niveau en vol stationnaire, mais je n'ai pas pu voir cela sur l'iPad.

ipad ios mobile-safari Hippopotame
la source

Réponses:

10

Si seul maître yoda avait un compte ici, il pourrait dire "taper ou taper non, seuls les jedi peuvent planer", car les détails de la mise en œuvre plongent rapidement dans la rencontre entre la technologie Web et la conception d'interaction humaine.

entrez la description de l'image ici

En descendant un peu dans ce lapin, il pourrait également signaler que les bons développeurs Web connaissent la classe TouchEvent dans Safari qui peut discerner un événement tactile multitouch à partir d'une interaction touchend / touchcancel / touchmove et peut-être être utilisé pour fournir des commentaires supplémentaires basés sur l'idée que toucher une cible aurait un effet visible sur le contenu de la page Web.

Il est généralement mauvais de s'attendre à ce que le toucher reflète un modèle centré sur la souris , mais cela ne signifie pas que la conception de ce site particulier est incorrecte. Réfléchissez bien avant de supposer qu'il existe un moyen simple de concevoir pour le toucher qui dépend des événements de survol de souris simulés.

bmike
la source
3
La ligne réelle est "Faites ou ne faites pas. Il n'y a pas d'essai", donc la vôtre devrait être "Tapez ou ne tapez pas. Il n'y a pas de vol stationnaire".
veuillez me supprimer
Mais il y en a, parce que c'est ce que Luke fait à son X-Wing écrasé dans le marais;)
stuffe
1
Ma première tentative de parler pour yoda était pleine d'échecs - voir l'historique des modifications ... Peut-être que j'ai besoin d'une photo de yoda pour en distraire tout le monde ...
bmike
Voulez-vous dire, dans votre deuxième paragraphe, que l' touchstartévénement peut être utilisé comme une alternative au vol stationnaire? Cela devra-t-il être fait en JavaScript? Merci!
Hippo
Je ne comprends pas cette réponse. De plus, la question est de savoir comment utiliser Safari sur un iPad, et la réponse semble donner des conseils sur la conception de pages Web.
Kai Carver
6

Un appui (très) bref sur une image qui a un lien avec la a:hoverpropriété active cette a:hoverexpérience. Un appui plus long suit le <a>lien. Malheureusement, ce comportement n'est pas visible avec la <acronym>balise, qui dans les navigateurs de bureau agit de la même manière :hover. Voici un exemple moins que parfait, testé sur iPhone.

ard
la source
4

Non, il n'y a aucun moyen de le faire sur un appareil tactile. Il n'y a aucun moyen pour votre iPad de détecter que votre doigt plane sur son écran :) (Bien que techniquement cela soit parfaitement possible, il pourrait en théorie être ajouté à un futur modèle d'iPad.)

Vous pouvez utiliser JavaScript pour afficher les titlevaleurs d'attribut des liens d'image sur http://thenewipadishere.com/ cependant:

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

Sous forme de bookmarklet: 

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

Copiez et collez cela et ajoutez-le en tant que signet sur votre appareil iOS de votre choix. Ensuite, visitez http://thenewipadishere.com/ et sélectionnez le signet.

Mathias Bynens
la source
Je ne peux pas créer de signet à partir de cela, car il semble que je ne peux créer que des signets de pages ouvertes. Mais coller le deuxième formulaire dans la barre d'adresse fonctionne et affiche les attributs de titre!
Hippo
Je suppose que ce script n'est pas spécifique à la page du concours, non?
Hippo
1
@Hippo Accédez à n'importe quelle page et ajoutez-la en tant que signet. Ensuite, revenez et modifiez le signet - vous pourrez modifier l'URL maintenant. Je viens d'écrire ce script pour la page du concours, mais cela fonctionnerait sur n'importe quelle page qui utilise des images avec des titleattributs.
Mathias Bynens
Ah, je le vois maintenant ... les signets par défaut n'avaient pas d'option de modification d'URL, donc cela m'a dérouté.
Hippo
1

Essayez le navigateur Web Puffin pour l'iPad. Le curseur en mode trackpad peut planer. De plus, vous pouvez regarder des vidéos flash, et c'est lent, mais au moins c'est possible.

ryan
la source