javascript - 检测客户端是否为 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
}