javascript - クライアントが iPhone かどうかを検出し、iPhone の場合は特定の div を表示します

Question

私は自分の Web サイトのモバイル ビューを調整しています<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
}