Detecting the iPhone from jQuery

Question

I know browser-detection is supposed to be taboo, but I'm out of ideas.

I have a website that I want to be nice and full-featured when running on a full-sized computer and simple to use when on an iPhone (or other smart phone). What's the right thing to do here?

@Awea -- I don't understand the question. Aren't all websites responsive? — Malvolio, Aug 19 '11 at 09:31
can you check http://stackoverflow.com/questions/3514784/best-way-to-detect-handheld-device-in-jquery whether it will be useful — Narayanan Ramamoorthy, Aug 19 '11 at 09:37
@Malvolio take a look at this article http://www.splashnology.com/article/how-to-make-a-website-for-all-devices-responsive-web-design/2439/ — Awea, Aug 19 '11 at 09:40

score 12 · Accepted Answer · answered Aug 19 '11 at 09:32

12

you can do it with simple javascript

function isiPhone(){
    return (
        (navigator.platform.indexOf("iPhone") != -1) ||
        (navigator.platform.indexOf("iPod") != -1)
    );
}
if(isiPhone()){
   alert('iPhone detected');
}

answered Aug 19 '11 at 09:32

Senad Meškin

12,841
4
37
53

I was thinking about this, but it seemed a bit hackish. Is this the "right" thing? – Malvolio Aug 19 '11 at 09:34
no its not, this is the way to check it, if there is jquery plugin or functionality this will be behind it. – Senad Meškin Aug 19 '11 at 09:35

score 2 · Answer 2 · answered Dec 28 '11 at 14:49

2

Are you using JQuery? Sure you are! Who isn't, right? Put this in a file called jquery.browser.mobile.js and then reference it.

(function (a) {
jQuery.browser.iDevice = /ip(hone|od|ad)/i.test(a);
})(navigator.userAgent || navigator.vendor || window.opera);

This will allow you to check for specific instances that you are on an Apple product.

if ($.browser.iDevice) {
    // do something exciting
}

The reason you'd want to do something like this, is because Apple products fire touch events and not click events. So you might want to hook up handlers to elements differently on Apple products.

answered Dec 28 '11 at 14:49

Khalid Abuhakmeh

10,383
10
48
75

2

Am I using jQuery? If I am not, the title of my question is a little odd. – Malvolio Dec 29 '11 at 01:58
Sorry I was talking to you and the rest of the community. My solution above is JQuery specific. Hope it helps. – Khalid Abuhakmeh Dec 29 '11 at 13:42

score 1 · Answer 3 · answered Aug 19 '11 at 09:36

Well.. I don't completely understand the question, so I will answer what I understood.

To find the browsers that are iPhone, you will use the javascript in the page to get the navigator.userAgent . The useragent has unique info to iPhone. You can look through it and find it out that way. To see how the iphone useragent differs from a PC user agent, go to whatsmyuseragent.com from both, and you will see the different useragents.

Detecting the iPhone from jQuery

3 Answers3

Linked