Comments on: iPhone & iPod Detection Using JavaScript

By: John

John — Thu, 22 Mar 2012 17:31:30 +0000

For most changes, I think just detecting the screen width and swapping out styles accordingly will do what you want. After all, what you’re mostly concerned about is simplifying your page for a smaller screen. Browser sniffing has been a bad idea since 1998 and the same reasons apply now to mobile that applied then, and will lead to the same response – browsers spoofing the user agent string.

By: Ra

Ra — Thu, 23 Feb 2012 16:28:33 +0000

I’m still a bit new with all this.

Which .php file would one place the .php version of this code? PhPinfo.php?

By: Kiss

Kiss — Sun, 12 Feb 2012 11:15:36 +0000

Hey, i found to http://tinytop.mobi best detector real user agent script in the world. Awsome isn’it? :o

By: Brandon Crooks

Brandon Crooks — Tue, 08 Nov 2011 17:12:49 +0000

I agree. Sometimes the water’ed down version of a site dramatically reduces usability. I’m pretty sure you can implement a link to redirect to a page without mobile redirection.

By: chris

chris — Sun, 23 Oct 2011 11:03:06 +0000

I’ve searched for hours for different ways of detecting browsers:
As a designer with limited knowledge of javascript and php, this has been the only example I’ve found that makes sense and actually works. Thank you for your rare ability to explain code that i now understand and actually works for me. (I dont care if php is better, I cant get it to work and is therefore useless to me, if you want to get high and mighty, with php, write an understandable tutorial and then maybe non geeks will use it)

By: Amber Mejias

Amber Mejias — Fri, 21 Oct 2011 17:11:26 +0000

Thanks a million. It took me two days just to find this fix. :o)

By: Okto

Okto — Sat, 08 Oct 2011 20:52:51 +0000

I prefer css media, but this snippet help me to much for hiding toolbar in IOS, and not in the browsers users, preventing the user lose the point of the site when refreshing or sending a form.

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { //if IOS do this things: window.addEventListener('load', function() { setTimeout(scrollTo, 0, 0, 1); }, false); }

By: Okto

Okto — Sat, 08 Oct 2011 20:51:35 +0000

I prefer css media, but this snippet help me to much for hiding toolbar in IOS, and not in the browsers users, preventing the user lose the point of the site when refreshing or sending a form.

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { //if IOS do this things:
window.addEventListener(‘load’, function() {
setTimeout(scrollTo, 0, 0, 1);
}, false);
}

By: Bernie

Bernie — Thu, 15 Sep 2011 20:44:40 +0000

Hello David,

why in all mobile site their domain starts with “m” like m.mysite.com is that only a subdomain or once the site run in mobile phones the “m” will automatically replace the www.

Thanks

By: David

David — Thu, 04 Aug 2011 15:07:10 +0000

Wow! It works perfectly!