检测客户端是否为iPhone，如果是，则显示特定的div

Question

我正在调整我网站的移动视图，我想知道，是否有办法检测客户端是否为iPhone，如果有，则显示<div id="iphone-bar"></div>？

找不到办法做到这一点......

Answer 1

您可以查看user agent字符串：

  

返回当前浏览器的用户代理字符串。

参考：https://developer.mozilla.org/en-US/docs/Web/API/NavigatorID.userAgent

像：

if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
   $('#iphone-bar').show();
}

如果您想检查一般使用的移动浏览器http://detectmobilebrowsers.com/并获取匹配它们的正则表达式。

Answer 2

尝试

<script>
var iPhone= ( navigator.userAgent.match(/iPhone)/g) ? true : false );

if( iPhone ) {
    document.getElementById('iphone-bar').style.display = 'block'
}
</script>

Answer 3

使用以下代码：

 function isiPhone() {
    return (navigator.platform.indexOf("iPhone") != -1);
}

然后，使用如下：

if(isiPhone()) {
   //handle iPhone code
}