Question

我正在开发一个响应式网站，其中一个要求是在移动设备上只有“可点击”的元素，尤其是iPhone和iPad（不在PC浏览器上）。

比如说，显示只能在触控设备上点击的电话号码......但在桌面浏览器上，它只能显示而不能点击。

这可能吗？

如果是这样，任何人都可以指导我如何去做这件事。

谢谢。

Answer 1

您可以使用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中（用链接位置替换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>

未经测试但应该正常工作

HTML和触控设备

1 个答案: