How do I detect an iPhone user coming to my site?

var agent=navigator.userAgent.toLowerCase();
var is_iphone = ((agent.indexOf('iPhone')!=-1);
if (is_iphone) { conditional code goes here }

I think you might want to do indexOf('iphone') since agent is all lower case.

Windows XP is the same as Windows NT 5.1!

It's the same thing as you said about Firefox being called Mozilla 5.0

http://en.wikipedia.org/wiki/Windows_NT#Releases

Dave,

Thank you for this info.

I have been trying to use the Javascript you listed here to redirect iphone users to a different version of a site, with no luck.

How would you do it if you had to use javascript?

Ruby on rails has auto detection for various types of request:

respond_to do |format|
format.html #index.html.erb
format.xml { render :xml => @articles.to_xml }
format.rss { render :layout => false } #index.rss.builder
format.iphone do #action.iphone.erb
render :layout => false
end
end

Hi
I am developing site for small browsers.Currrently i am facing issue for Iphone and Blackjack.On this i am gettting large browsers screens .I am detecting iphone browser through user-agent but since i dont have iphone i thought of checking it on simulator which gives me information of IE.

also i would like to know how to detect visitior coming from blackjack.

Hey Guys,

The javascript in his post is a bit broken, here is the fixed code:

var agent=navigator.userAgent.toLowerCase();
var is_iphone = (agent.indexOf('iphone')!=-1);
if (is_iphone) { /* execution here */ }

Hello,

I am trying to implement your javascript into my site for a page redirection when the user visits the site with a Iphone but i am experiencing problems i was hoping that you could help me by telling me what i did wrong for the javascript coding.

var agent=navigator.userAgent.toLowerCase();
var is_iphone = (agent.indexOf('iphone')!=-1);
if (is_iphone) { scr="http://www.qualitycontactsolutions.com/iphone/" }

Michael -

I think you need to use window.location for your redirect:

var agent=navigator.userAgent.toLowerCase();
var is_iphone = (agent.indexOf('iphone')!=-1);
if (is_iphone) { window.location ="http://www.qualitycontactsolutions.com/iphone/" }

<script language=javascript>
<!--
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))
{
location.replace("iphone-version.html");
}
-->
</script>

Miki, that worked. Thanks.

I have created a website using iWeb. I would like to insert some html code (or some type of code) that recognizes when a viewer is visiting on an iPhone versus a regular computer. I've read the above and tried inserting the java script in the html snippet but it does not work. Do you know if there is a way to do this?

Thanks,
Tom Fawbush

you can also use a more advanced web service such as handsetdetection.com which returns real time information on which devices are accessing your site - and then allowing you to adjust the view. Data it returns includes screensize, browser, phone make and model and also location based information.

Dear Dave

I've made a Drupal web site, and I wish use Jquery to reveal iPhone. Is there a way to reveal iPhone by jquery?

I've reveal the safari browser woth this code:

if ($.browser.safari) {
alert("se hai l'iPhone Aggiungi alla Home questo sito");
}

BUt I can't understand if the safari browser is for iPhone or Mac...

Someone can help me please?

Heya, is there any information about to see other phones such as Nokia ? i.e so i can make a custom website for nokia phones too ??

feel free to email me.

thankyou in advance.

Excellent info. I'll be trying this on my site for sure!

holy cow, that's a work of genius, after hours spent trying to kludge position:fixed to work I can just go round it and present an iphone optimized version for my client as well as the scrolling desktop version.

absolutely brilliant. thankyou.

How do I make a conditional statement that hides the contents of the tag from iPhone and iPod Touch users?

If iPhone or iPod Touch, hide xyz. xyz is not a div, but rather a few script tags, so I don't believe it would not work with css.

Thanks in advance.

Miki

That worked great....

Thanks
B

Thanks Michael, this worked for me :)

For the love of God, stop redirecting users. No one with an iPhone wants to look at a crappy mobile web site. If you must do this, please do the following:

1. Take us to the same page we were trying to reach, not the home page of your iPhone site; and

2. Give us a link to the full version so we have a choice.

Just know that when you redirect us, we end up going to the google caches version of the page we were trying to reach.

This is exactly the sort of info I required!

We are looking to have our comapny site more accessible to iPhone users and this has helped greatly.

Well done, Dave!

Hey Dave (or other knowledgeable reader)Is there a way to load a different style sheet for iPhone users VS a redirect?

For future reference, I'm wondering if anyone has something similar to this written in php?

To load a different style sheet for iphone rather than redirect, use this in php:

<link rel="stylesheet" type="text/css" href="<?php if (stristr($_SERVER['HTTP_USER_AGENT'], 'iphone')){echo 'iphone.css';} else{ echo 'default.css';}?>" />

How is everyone thinking? I believe everyone except one commenter just ignored the iPod Touch, you do understand its browser is exactly like the iPhone's, right?

<?php

if (preg_match("/iP(hone|od)/i", $_SERVER['HTTP_USER_AGENT'])) {
    // User has an iPhone/iPod
} else {
    // User has something else
}

?>

Look the project called "Apache Mobile Filter", is the fast way to detect in any language a mobile device and to have easily its capabilities.

The url: www.apachemobilefilter.org