javascript - 如何使用 Javascript 添加 iPhone / iPad 检测？

Question

如果浏览器来自 iPhone/iPad，我想在我的网站上添加一个条件以具有某些特定行为，例如单击按钮以显示 div 时。

就像是 ：

<script type="text/javascript">
/* iPhone scripts */
<?php if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod')){ ?>
    // window.addEventListener("load",function() {
    // setTimeout(function(){
    // window.scrollTo(0, 1);
    // }, 0);
    // });
   jQuery(document).ready(function() {
}
});

这正是我发现的，但我不确定这是不是这样。

Answer 1

我使用的是这个：

function UtilityHasTouch() {    

    var agent   = navigator.userAgent;

    if ( agent.match(/(iPhone|iPod|iPad|Blackberry|Android)/) ) {
        return true;
    }

    try {
        document.createEvent("TouchEvent");
        return true;
    } catch (e) {
        return false;
    }
}

Answer 2

我建议使用modernizr进行特征检测，而不是依赖于自制的浏览器检测。使用 Modernizr，您只需一个简单的 if 语句即可检测浏览器是否支持触摸事件

if (Modernizr.touch)

导致对所有移动设备和平板电脑浏览器的检测。