I'm curious to know how to check for iPhone, iPad and other mobile browsers.(JavaScript or CSS)
Edit:
Not user agent string, please. That can be faked.
Possible Dupes:
I would use WURFL. It's an Open Source xml-database of more than 10000 mobile devices that will detect (almost always) your Mobile Phone and Browser capabilities given the user-agent
HTTP header value.
You will get information like:
Many others.
There are wrapper APIs for popular languages such as PHP, Java and .NET, so you won't have to deal with the XML database yourself.
Basically you check the User Agent String
see http://www.hand-interactive.com/resources/detect-mobile-javascript.htm
Detect iPhone:
navigator.userAgent.toLowerCase().search("iphone") > -1
In general feature detection is better than browser detection it is better to know what the user's browser can do than what he's using. Modernizer is a good tool for that.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With