Как мне парить на iPad?


13

Есть ли способ навести курсор на контент на веб-странице при просмотре в Safari на iPad? В частности, я пытался навести курсор на отдельные аватары на домашней странице конкурса «Спросите другой iPad» . На Mac или ПК это показывает, когда человек достиг своего уровня при зависании, но я не смог увидеть это на iPad.

Ответы:


10

Если бы только мастер Йода имел здесь учетную запись, он мог бы сказать «коснитесь или коснитесь, только джедай может парить», поскольку детали реализации быстро углубляются в то, где веб-технологии встречаются с дизайном взаимодействия с человеком.

введите описание изображения здесь

Пройдя немного дальше по этой кроличьей норе, он также может указать, что хорошие веб-разработчики знают о классе TouchEvent в Safari, который может отличить событие мультитач Touchstart от взаимодействия Touchend / TouchCancel / TouchMove и, возможно, будет использоваться для предоставления дополнительной обратной связи на основе идеи. это касание цели будет иметь видимый эффект на содержание веб-страницы.

Это вообще плохой дизайн , чтобы ожидать прикосновения к зеркалу мыши ориентированной модели , но это не означает , что дизайн этого конкретного сайта является неправильным. Просто подумайте, прежде чем предполагать, что есть простой способ разработки для касания, который зависит от событий имитации мыши.


3
Фактическая строка - «Делай или не делай. Не пытайся», поэтому твоя должна быть: «Нажми или не нажми. Нет парения».
пожалуйста, удалите меня

Но есть, потому что это то, что Люк делает со своим
разбитым

1
Моя первая попытка высказаться за yoda была полной неудачей - посмотрите историю изменений ... Может быть, мне нужна фотография yoda, чтобы отвлечь всех от этого ...
bmike

Вы имеете в виду, во втором абзаце, что touchstartсобытие можно использовать как альтернативу зависанию? Это нужно будет сделать в JavaScript? Благодарность!
Бегемот

Я не понимаю этот ответ. Кроме того, вопрос заключается в том, как использовать Safari на iPad, и, похоже, ответ дает совет по дизайну веб-страниц.
Кай Карвер

6

(Очень) короткое нажатие на изображение, которое имеет ссылку со a:hoverсвойством, активирует этот a:hoverопыт. Более длинный тап переходит по <a>ссылке. К сожалению, такое поведение не наблюдается с <acronym>тегом, который в настольных браузерах действует аналогично :hover. Вот менее совершенный пример, протестированный на iPhone.


4

Нет, это невозможно сделать на сенсорном устройстве. Ваш iPad не сможет обнаружить, что ваш палец завис над его экраном :) (Хотя технически это вполне возможно, и теоретически его можно добавить в будущую модель iPad).

Вы можете использовать JavaScript для отображения titleзначений атрибутов ссылок на изображения на http://thenewipadishere.com/, хотя:

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

В форме букмарклета:

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

Скопируйте и вставьте его и добавьте в качестве закладки на любое устройство iOS. Затем посетите http://thenewipadishere.com/ и выберите закладку.


Из-за этого я не могу создать закладку, потому что, похоже, я могу создавать закладки только на открытых страницах. Но вставка второй формы в адресную строку работает и отображает атрибуты заголовка!
Бегемот

Я догадываюсь, что этот скрипт не относится к странице конкурса, верно?
Бегемот

1
@Hippo Перейдите на любую страницу и добавьте ее в закладки. Затем вернитесь и отредактируйте закладку - теперь вы сможете редактировать URL. Я только что написал этот скрипт для страницы конкурса, но он будет работать на любой странице, которая использует изображения с titleатрибутами.
Матиас Биненс

Ах, я вижу это сейчас ... у закладок по умолчанию не было опции редактирования URL, так что это смутило меня.
Бегемот

1

Попробуйте веб-браузер Puffin для iPad. Курсор в режиме трекпада может зависать. Кроме того, вы можете смотреть флэш-видео, и это медленно, но, по крайней мере, это возможно.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.