Skip to content

Instantly share code, notes, and snippets.

@bbg
Last active October 27, 2015 13:47
Show Gist options
  • Save bbg/e640dc9d40abc9fa081b to your computer and use it in GitHub Desktop.
Save bbg/e640dc9d40abc9fa081b to your computer and use it in GitHub Desktop.
Detecting Mobile Devices with JavaScript
// 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'); }
//
// 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