iPad/iPhone detection using JavaScript

Nowadays, every website is designed as a responsive so that it can be visited on any resolution window. But browser does not behave same on all the devices. For that, In CSS, we use media query. But using css, we can’t generate html fully compatible with all the devices.

I wanted to post another useful snippet of code for iPad/iPhone detection using javascript. If the person viewing the website is on iPad then we can place the condition according to iPad. It’s simple a javascript

For iPad detection:

<script type="text/javascript">

var isiPad = navigator.userAgent.indexOf('iPad') != -1

//or
var ua = navigator.userAgent;
var isiPad = /iPad/i.test(ua)

</script>

var isiPad = navigator.userAgent.indexOf('iPad') != -1

//or

var ua = navigator.userAgent;

var isiPad = /iPad/i.test(ua)

</script>

For iPhone detection:

<script type="text/javascript">

var isiPhone = navigator.userAgent.indexOf('iPhone') != -1

//or
var ua = navigator.userAgent;
var isiPhone = /iPhone/i.test(ua)

</script>

var isiPhone = navigator.userAgent.indexOf('iPhone') != -1

//or

var ua = navigator.userAgent;

var isiPhone = /iPhone/i.test(ua)

</script>

For iOS devices:

<script type="text/javascript">

var isiOS = (navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)

//or
var ua = navigator.userAgent;
var isiOS = /iPhone/i.test(ua) || /iPod/i.test(ua) || /iPad/i.test(ua)

</script>

var isiOS = (navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)

//or

var ua = navigator.userAgent;

var isiOS = /iPhone/i.test(ua) || /iPod/i.test(ua) || /iPad/i.test(ua)

</script>

iPad/iPhone detection using JavaScript

1 COMMENT

Leave a Reply Cancel reply