Last active
October 27, 2015 13:47
-
-
Save bbg/e640dc9d40abc9fa081b to your computer and use it in GitHub Desktop.
Detecting Mobile Devices with JavaScript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// To check to see if the user is on any of the supported mobile devices: | |
if (isMobile.any()) { alert('Mobile'); } | |
// To check to see if the user is on a specific mobile device: | |
if (isMobile.iOS()) { alert('iOS'); } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// | |
// While I understand and value the concept of feature detection over browser detection, | |
// sometimes the need for knowing whether or not we’re dealing with a mobile device arises. | |
// For in-depth device checking, you can rely on a complex library such as The MobileESP Project. | |
// But for simpler applications, the following snippet can be useful. | |
// | |
var isMobile = { | |
Android: function() { | |
return navigator.userAgent.match(/Android/i); | |
}, | |
BlackBerry: function() { | |
return navigator.userAgent.match(/BlackBerry/i); | |
}, | |
iOS: function() { | |
return navigator.userAgent.match(/iPhone|iPad|iPod/i); | |
}, | |
Opera: function() { | |
return navigator.userAgent.match(/Opera Mini/i); | |
}, | |
Windows: function() { | |
return navigator.userAgent.match(/IEMobile/i); | |
}, | |
any: function() { | |
return ( | |
isMobile.Android() || | |
isMobile.BlackBerry() || | |
isMobile.iOS() || | |
isMobile.Opera() || | |
isMobile.Windows() | |
); | |
} | |
}; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment