najprostszy sposób na wykrycie, czy urządzenie mobilne z javascript

Question

Jaki jest najprostszy sposób, aby wykryć, czy urządzenie jest urządzeniem mobilnym z javascript?

Zastanawiałem się, czy wysokość jest mniejsza lub równa wysokości rzutni przeglądarki iPhone'a. Mówiąc o tym, jaka jest wysokość iPhona lub wspólnej rzutni dla urządzeń mobilnych?

Miałem pewne problemy z window.height; w javascript, ponieważ wracał niezdefiniowany, jednak?

Ktoś wie, jak najlepiej i po prostu wykryć, czy przeglądarka jest urządzeniem mobilnym z javascript?

Answer 1

To, co mam dla mojego projektu hobby:

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()); 
    } 
}; 

Twoje rozwiązanie o używaniu wymiar nie jest dobrym rozwiązaniem. Opiera się na rzeczywistym wymiarze urządzenia i wielu innych zmiennych.