iPad를 가리키면 어떻게됩니까?

13

iPad의 Safari에서 웹 페이지를 볼 때 컨텐츠 위에 마우스를 올리는 방법이 있습니까? 특히 Ask Different iPad Contest 홈 페이지 에서 개별 아바타 위로 마우스를 가져 가려고했습니다 . Mac 또는 PC에서는 개인이 호버링 수준을 완료 한 시점을 보여 주지만 iPad에서 볼 수 없었습니다.

ipad ios mobile-safari

— 하마
소스

10

마스터 요 다만이 여기에 계정을 가지고 있다면, 구현 세부 사항이 웹 기술이 인간의 상호 작용 디자인과 만나는 곳을 신속하게 파고 들기 때문에 "탭하거나 탭하지 않고 제다이 만 호버링 할 수있다"고 말할 수있다.

여기에 이미지 설명을 입력하십시오

그 토끼 구멍을 조금 넘어 가면서, ^{그는 훌륭한 웹 개발자가 터치 엔드 / 터치 취소 / 터치 이동 상호 작용에서 터치 스타트 멀티 터치 이벤트를 식별하고 아이디어에 따라 추가 피드백을 제공하는 데 사용할 수있는 Safari 의 TouchEvent 클래스에 대해 알고 있음을 지적 할 수도 있습니다 대상을 터치하면 웹 페이지의 내용에 눈에 띄는 효과가 있습니다.}

그것은이다 일반적으로 나쁜 디자인 하는 터치 마우스 중심의 모델을 반영 할 것으로 예상 하지만이 특정 사이트의 디자인이 잘못된 것은 아닙니다. 시뮬레이션 된 마우스 오버 이벤트에 의존하는 것보다 터치를 디자인하는 간단한 방법이 있다고 가정하기 전에 열심히 생각하십시오.

— bmike
소스

3

실제 줄은 "하거나하지 않습니다. 시도가 없습니다"이므로 "탭하거나 누르지 마십시오. 호버가 없습니다"입니다.

— 나를 삭제하십시오

그러나 누가가 늪에서 추락 한 x- 윙에 대해 행한 것이기 때문에;)

— stuffe

1

yoda에 대한 나의 첫 번째 시도는 실패로 가득 차있었습니다. 편집 기록을 참조하십시오. 아마도 모든 사람들의주의를 산만하게하기 위해 yoda의 사진이 필요할 수도 있습니다.

— bmike

두 번째 단락에서 touchstart이벤트가 호버링의 대안으로 사용될 수 있다는 것을 의미 합니까? JavaScript로해야합니까? 감사!

— Hippo

이 답변을 이해하지 못합니다. 또한 iPad에서 Safari를 사용하는 방법에 대한 질문이며 웹 페이지 디자인에 대한 조언을 제공하는 것 같습니다.

— Kai Carver

6

a:hover속성 과 링크 된 이미지를 (매우) 짧게 누르면 해당 a:hover경험이 활성화됩니다 . 더 긴 탭이 <a>링크를 따라갑니다. 불행히도이 동작은 <acronym>데스크톱 브라우저에서와 유사한 태그로 보이지 않습니다 :hover. 다음 은 iPhone에서 테스트 한 완벽하지 않은 예입니다.

— ard
소스

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/을 방문 하여 책갈피를 선택하십시오.

— 마티아스 비 넨스
소스

열린 페이지의 책갈피 만 만들 수있는 것처럼 보이기 때문에 책갈피를 만들 수 없습니다. 그러나 주소 표시 줄에 두 번째 양식을 붙여 넣으면 제목 속성이 표시됩니다!

— Hippo

이 스크립트는 컨테스트 페이지에만 해당되지 않는 것 같습니다.

— Hippo

1

@Hippo 모든 페이지로 이동하여 책갈피로 추가하십시오. 그런 다음 다시 들어가서 북마크를 수정하십시오. 이제 URL을 수정할 수 있습니다. 컨테스트 페이지에이 스크립트를 작성했지만 title속성이있는 이미지를 사용하는 모든 페이지에서 작동 합니다.

— Mathias Bynens

아, 나는 그것을 본다 ... 기본 북마크에는 URL 편집 옵션이 없으므로 혼란 스러웠다.

— Hippo

1

iPad 용 Puffin 웹 브라우저를 사용해보십시오. 트랙 패드 모드의 커서를 가리킬 수 있습니다. 또한 플래시 비디오를 볼 수 있으며 속도는 느리지 만 적어도 가능합니다.

— 라이언
소스