2013-05-26 23 views
6

के साथ मोबाइल डिवाइस जावास्क्रिप्ट के साथ डिवाइस मोबाइल डिवाइस है या नहीं, यह पता लगाने का सबसे आसान तरीका क्या है?यह पता लगाने का सबसे आसान तरीका है कि जावास्क्रिप्ट

मैं यह सोच रहा था कि ऊंचाई आईफोन की ब्राउज़र व्यूपोर्ट ऊंचाई से कम या बराबर है या नहीं। किसके बारे में बात करते हुए, मोबाइल उपकरणों के लिए आईफोन या आम व्यूपोर्ट ऊंचाई क्या है?

मुझे जावास्क्रिप्ट में window.height; के साथ कुछ परेशानी हो रही थी क्योंकि यह वापस अपरिभाषित हो रहा था?

कोई भी जानता है कि ब्राउज़र जावास्क्रिप्ट के साथ एक मोबाइल डिवाइस है या नहीं, तो सबसे अच्छा और आसानी से पता लगाता है?

+0

देखें http://stackoverflow.com/questions/6666907/how-to-detect-a- मोबाइल-device-with-javascript –

+0

@TamilSelvan आह, ठीक है। 'Window.height' का उपयोग करने और आईफोन की ब्राउज़र व्यूपोर्ट ऊंचाई की तुलना करने के मेरे समाधान के बारे में क्या। कोई विचार यह कैसे करना है? –

+0

'स्क्रीन.हेइट' –

उत्तर

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

करता हूं, आपके कोड और यह के बीच क्या अंतर है या यह सिर्फ एक संक्षिप्त संस्करण है? 'अगर (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {// कुछ कोड ..}' –

+3

अंतर यह है कि मेरा कोड अधिक उपयोग करने योग्य और अधिक पठनीय है। जब भी आप मोबाइल पर्यावरण का पता लगाना चाहते हैं, तो आपको लिखना होगा कि अगर कथन और त्रुटि प्रवण हो सकती है, खानों के साथ, यह सिर्फ 'पर्यावरण .is मोबाइल()' फ़ंक्शन कॉल। इसका उपयोग करने के लिए, आप उस कोड को अपनी जावास्क्रिप्ट फ़ाइल में से एक के अंदर शामिल कर सकते हैं। और फिर सरल करें 'अगर (पर्यावरण .is मोबाइल()) {...} ' – dchhetri

संबंधित मुद्दे

 संबंधित मुद्दे