How to detect handheld device iOS browsers with JavaScript?

Question

I want that when I surf with my iPhone to my site that my iPhone get another text than when I surf with my Mac

<script type="text/javascript">
if ((navigator.userAgent.match(/iPhone/i))
       || (navigator.userAgent.match(/iPod/i))
       || (navigator.userAgent.match(/iPad/i))) {
    document.write("you are surfing with an iPhone");
} else {
    document.write("you are not surfing with an iPhone")
}
</script>

It won't work. Is there anyone who can help me?

Ps. sorry for my bad English, I'm from Belgium, Flanders

Richard · Accepted Answer · 2012-05-16 14:07:47Z

2

if (navigator.userAgent.match(/iPhone/i)
    || navigator.userAgent.match(/iPod/i)
    || navigator.userAgent.match(/iPad/i))
{
     alert("It's an iPhone or iPod");
}

Works a treat, I just tested it on my iPhone using jsFiddle.

answered May 16, 2012 at 14:07

Richard

8,2903 gold badges39 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

iJonathan Over a year ago

Thanks for your fast answer :)

Deborah Over a year ago

ahhhh :] elegant, lovely.

Collectives™ on Stack Overflow

How to detect handheld device iOS browsers with JavaScript?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related