2013-05-26 4 views
6

端末がjavascriptを搭載した携帯端末であるかどうかを検出する最も簡単な方法は何ですか?javascriptを使用して携帯端末を検出する最も簡単な方法

高さがiPhoneのブラウザビューポートの高さ以下であるかどうかを確認していました。 iPhoneの、または一般的なビューポートの高さはどのようなものですか?

私はwindow.height;のjavascriptでいくつかの問題を抱えていましたが、それは未定義に戻ってきましたか?

誰かが、ブラウザがjavascriptを搭載したモバイルデバイスであるかどうかを簡単に検出する方法を知っていますか?

+0

参照@stackoverflow.com/questions/6666907/how-to-detect-a-mobile-device-with-javascript –

+0

@TamilSelvanああ、大丈夫です。 'window.height'を使って、それをiPhoneのブラウザビューポートの高さと比較する私の解決方法はどうでしょうか?どのようにそれを行うにはどのようなアイデア? –

+0

'screen.height'を使用してください –

答えて

20

これは私の趣味のプロジェクトのために持っているものです:ディメンションの使用方法について

var Environment = { 
    //mobile or desktop compatible event name, to be used with '.on' function 
    TOUCH_DOWN_EVENT_NAME: 'mousedown touchstart', 
    TOUCH_UP_EVENT_NAME: 'mouseup touchend', 
    TOUCH_MOVE_EVENT_NAME: 'mousemove touchmove', 
    TOUCH_DOUBLE_TAB_EVENT_NAME: 'dblclick dbltap', 

    isAndroid: function() { 
     return navigator.userAgent.match(/Android/i); 
    }, 
    isBlackBerry: function() { 
     return navigator.userAgent.match(/BlackBerry/i); 
    }, 
    isIOS: function() { 
     return navigator.userAgent.match(/iPhone|iPad|iPod/i); 
    }, 
    isOpera: function() { 
     return navigator.userAgent.match(/Opera Mini/i); 
    }, 
    isWindows: function() { 
     return navigator.userAgent.match(/IEMobile/i); 
    }, 
    isMobile: function() { 
     return (Environment.isAndroid() || Environment.isBlackBerry() || Environment.isIOS() || Environment.isOpera() || Environment.isWindows()); 
    } 
}; 

あなたの解決策は良い解決策ではありません。実際のデバイスのディメンションや他の多くの変数に依存します。

+0

これは良いですね!共有していただきありがとうございます。しかし、私はそれをどのように実装するのでしょうか?例えば、私は 'if(isMobile()){// myCodeHere}' –

+0

とあなたのコードとこれとの違いは何ですか、これはちょっと簡潔なバージョンですか? 'if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)){// some code ..}' –

+3

違いは、私のコードは使いやすく読みやすいということです。モバイル環境を検出したいときはいつでも、長いif文を書く必要があります。鉱山では、単に 'Environment.isMobile()'関数呼び出しでエラーが発生する可能性があります。それを使用するには、javascriptファイルの1つの中にそのコードを含めることができます。そして、if(Environment.isMobile()){...} 'を単純に実行します。 – dchhetri

関連する問題