HTML и сенсорные устройства - PullRequest
Новая
       23

HTML и сенсорные устройства

0 голосов
/ 02 марта 2012

Я занимаюсь разработкой адаптивного веб-сайта, и одно из требований состоит в том, чтобы элементы были «кликабельными» только на мобильных устройствах, особенно iPhone и iPad (не в браузерах ПК).

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

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

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

Спасибо.

1 Ответ

0 голосов
/ 02 марта 2012

Вы можете использовать обнаружение агента пользователя 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 (замените строку с адресом ссылки, а 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>

Не проверено, но должно работать

...