How to Detect iPhone, iPod, iPad using JavaScript – Examples

Insert the following snippet just above your </head> tag:

<script type="text/javascript">
//Make your JS compatible by using the following tags
//<![CDATA[

// Apple detection object
var Apple = {};
Apple.UA = navigator.userAgent;
Apple.Device = false;
Apple.Types = ["iPhone", "iPod", "iPad"];
for (var d = 0; d < Apple.Types.length; d++) {
var t = Apple.Types[d];
Apple[t] = !!Apple.UA.match(new RegExp(t, "i"));
Apple.Device = Apple.Device || Apple[t];
}
// is this an Apple device?
/*alert(
"Apple device? " + Apple.Device +
"\niPhone? " + Apple.iPhone +
"\niPod? " + Apple.iPod +
"\niPad? " + Apple.iPad
);*/
if ( true == Apple.iPhone )
{
 //do this
}
else  if ( true == Apple.iPod )
{
//do this
}
else  if ( true == Apple.iPad )
{
//do this
}

//]]>
</script>

That’s it!

Did you like this post? Do you know of any other ways to detect iPhone, iPod, iPad using JavaScript? Feel free to suggest by commenting below. We would love to hear from you.