Устройства HTML и Touch

Я разрабатываю отзывчивый веб-сайт, и одним из требований является наличие на мобильных устройствах, особенно iPhones и iPads (не на ПК-браузерах) только элементов, которые можно «щелкнуть».Устройства HTML и Touch

Скажите, например, отображать номера телефонов, на которые можно щелкнуть только на сенсорном устройстве ... но на настольных браузерах он должен отображаться и не отображаться.

Возможно ли это?

Если да, то может ли кто-нибудь вести меня, как это сделать, пожалуйста.

спасибо.

источник

2012-03-01 raul prakash

@Gus: я пробовал это: 'функция isTouchDevice() { return "ontouchstart" в окне;' } –

Вы можете использовать обнаружение PHP агента пользователя, например, так:

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

Или в JavaScript (замените строку с адресом ссылки и обув с примерочной ид.):

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, потому что его содержимое редактора ... Я создаю сайт в wordpress –

Я редактировал (непроверенным) образом делать это в JavaScript. – Jack

Спасибо, я попробую. –

Устройства HTML и Touch

ответ

Смежные вопросы