Recognize if user is using iOS or Android

Asked

Viewed 2,098 times

4

I am developing a screen of a website, and the customer wonder if there is the possibility of the site recognize whether the user is using Android or iOS.

If you’re on Android, go to Google Play to download the app and if you’re iOS to the App Store. It could be a redirect.

If it is on PC, it opens the normal screen.

Is there such a possibility?

javascript android ios

2 answers

5


Server-side, you can check the header contents user-agent:

// Match user agent string with operating systems 
Windows 3.11 => Win16,
Windows 95 => (Windows 95)|(Win95)|(Windows_95),
Windows 98 => (Windows 98)|(Win98),
Windows 2000 => (Windows NT 5.0)|(Windows 2000),
Windows XP => (Windows NT 5.1)|(Windows XP),
Windows Server 2003 => (Windows NT 5.2),
Windows Vista => (Windows NT 6.0),
Windows 7 => (Windows NT 6.1),
Windows 8 => (Windows NT 6.2),
Windows NT 4.0 => (Windows NT 4.0)|(WinNT4.0)|(WinNT)|(Windows NT),
Windows ME => Windows ME,
Open BSD => OpenBSD,
Sun OS => SunOS,
Linux => (Linux)|(X11),
Mac OS => (Mac_PowerPC)|(Macintosh),
QNX => QNX,
BeOS => BeOS,
OS/2 => OS/2,
Search Bot=>(nuhk)|(Googlebot)|(Yammybot)|(Openbot)|(Slurp)|(MSNBot)|(Ask Jeeves/Teoma)|(ia_archiver)

(source)

Via Javascript, the same can be done by checking the partial content of navigator.appVersion:

if (navigator.appVersion.indexOf("Win")!=-1) //Windows

You can then decide which store to use with a snippet like this:

var playStoreUrl = "http://www.play.google.com/",
    appStoreUrl  = "http://www.itunes.com/myapp",
    platform     = navigator.platform;

if (/mac/i.test(platform))
    $("#redirect").attr("href", appStoreUrl);
else if (/linux/i.test(platform))
    $("#redirect").attr("href", playStoreUrl);
else
    // Handle the case where the OS is neither MacOS nor Linux

(source)

  • Thank you. And how would I redirect from that screen to some App Store or Google Play link?

  • @Felipestoker I added an example snippet.

2

There are scrripts ready to do it for you.

This site has for almost all languages: http://detectmobilebrowsers.com/

Basically just download the script you want and it’s gone.

EDIT

I don’t put the code because it comes minified, otherwise I would post.

Browser other questions tagged javascript android ios

You are not signed in. Login or sign up in order to post.