Bachalo
Bachalo

Reputation: 7219

navigator.userAgent to detect for mobile device?

Many people use the following to detect for iPad or iPhone.

<script>
var agent=navigator.userAgent.toLowerCase();

var useHTML5 = (agent.indexOf('iphone')!=-1 || agent.indexOf('ipad')!=-1);

if (useHTML5){
document.write("");
} else{
document.write("");
}
</script>

The Apple official way to detect only for ipad iphone is

if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad) {
    // iPad-specific code
} else {
    // iPhone-specific code
}

But what if I also want to check for other mobile(at least Android devices anyways)?

Should I resort to Modernizr? Or a script from http://detectmobilebrowsers.com/ ?

Just want to add that in my particular case am using FancyBox with VideoJS.

Upvotes: 1

Views: 2071

Answers (1)

Tomer Bar-Shlomo
Tomer Bar-Shlomo

Reputation: 441

MobileESP Project has a solid array of user-agent detecting methods in JavaScript too yet MobileESP API: JavaScript is very limited simply because some devices has no JavaScript support and a server side detection is the right way to do it. DeviceAtlas Products will provide more information about the device capabilities if needed yet has its price tag too...

Upvotes: 1

Related Questions