HTML 및 터치 장치

반응 형 웹 사이트를 개발 중입니다. 요구 사항 중 하나는 휴대 기기, 특히 iPhone 및 iPad (PC 브라우저가 아닌)에서 '클릭 할 수있는'요소 만 사용하는 것입니다.HTML 및 터치 장치

예를 들어 터치 장치에서만 클릭 할 수있는 전화 번호가 표시되지만 데스크톱 브라우저에서는 표시 할 수 있고 클릭 할 수 없어야합니다.

가능합니까?

그렇다면 아무에게도이 작업을 수행하는 방법에 대해 안내 할 수 있습니까?

감사합니다.

출처

2012-03-01 raul prakash

@ Gus : 나는 이것을 시도 : 'function isTouchDevice() { return "ontouchstart"in window; } –

이 같은 예를 들어, PHP 사용자 에이전트 감지 기능을 사용할 수 있습니다

<?php 
if(strstr($_SERVER['HTTP_USER_AGENT'],"iPad") || strstr($_SERVER['HTTP_USER_AGENT'],"iPhone")){ 
    echo '<a href='foo'>bar</a>' 
} 
else{ 
    echo 'bar' 
} 
?>

또는 자바 스크립트 (피팅 ID로 링크 위치와 foo에와 줄을 교체합니다.) :

function iPhoneLinks(){ 
    if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPad/i))) { 
     document.getElementById('foo').href='bar'; 
    } 
} 
<body onload='iPhoneLinks();'> 
    <a id='foo'>This will only be a link on iOS</a>

테스트되지 않은하지만 작동해야합니다

출처

2012-03-01 22:09:26 Jack

고마워요.하지만 편집자 내용 때문에 PHP없이 해보고 싶습니다. 저는 워드 프레스에서 사이트를 개발하고 있습니다. –

자바 스크립트에서 (테스트되지 않은) 방법으로 편집했습니다. – Jack

고마워, 나는 그것을 밖으로 시도 할 것이다. –

HTML 및 터치 장치

답변

관련 문제