¿Hay alguna manera de pasar el cursor sobre el contenido de una página web cuando se ve en Safari en el iPad? Específicamente, estaba tratando de pasar el cursor sobre los avatares individuales en Concurso Ask Different iPad página de inicio. En una Mac o PC, muestra cuando el individuo completó su nivel en el vuelo, pero no pude ver eso en el iPad.
Respuestas
¿Demasiados anuncios?Si el maestro Yoda tuviera una cuenta aquí, podría decir "tap or tap not, only jedi can hover" ya que los detalles de la implementación profundizan rápidamente en donde la tecnología web se encuentra con el diseño de interacción humana.
Bajando un poco por la madriguera del conejo, también podría señalar que los buenos desarrolladores web saben acerca de la TouchEvent en Safari que puede discernir un evento multitáctil touchstart de una interacción touchend/touchcancel/touchmove y tal vez se utilice para proporcionar información adicional basada en la idea de que tocar un objetivo tendría un efecto visible en el contenido de la página web.
Es en general mal diseño a esperan que el tacto refleje un modelo centrado en el ratón pero eso no significa que el diseño de este sitio en particular esté equivocado. Piensa bien antes de asumir que hay una forma simple de diseñar para el tacto que depende de eventos simulados de mouseover.
Un (muy) breve toque en una imagen que tiene un vínculo con la propiedad de a:hover activa esa experiencia de a:hover. Un toque más largo sigue el enlace. Desafortunadamente, este comportamiento no se ve con la etiqueta, que en los navegadores de escritorio actúa de manera similar a :hover. Aquí es un ejemplo menos que perfecto, probado en el iPhone.
No, no hay forma de hacer eso en un dispositivo táctil. No hay manera de que tu iPad detecte que tu dedo se está moviendo sobre su pantalla :) (Aunque técnicamente esto es perfectamente posible, y en teoría podría ser añadido a un futuro modelo de iPad.)
Podrías usar JavaScript para mostrar el title
valores de atributo de los enlaces de la imagen en http://thenewipadishere.com/ sin embargo:
[].forEach.call(document.images, function(element) {
var span = document.createElement('span');
span.innerText = element.title;
element.parentNode.insertBefore(span, element);
});
En forma de marcador de libros:
javascript:[].forEach.call(document.images,function(b){var a=document.createElement("span");a.innerText=b.title;b.parentNode.insertBefore(a,b)});
Copia y pega eso y añádelo como marcador en el dispositivo iOS de tu elección. Luego, visita http://thenewipadishere.com/ y seleccionar el marcador.