<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} .*iPhone.*
RewriteRule ^index\.html$ http://www.mobile.mydomain.com [L]
RewriteRule ^/$ http://www.mydomain.com/index.html [L]
</IfModule>iPhone Catcher
Chris Coyier
on
Some implemention instructions would be nice.
It looks like all you would have to do is create a .htaccess file on the root directory of the site you would want to redirect for iPhones. Copy the above code into the file and change the fourth line where it says “http://www.mobile.mydomain.com” to where you would want it to redirect to. And then create whatever alternate page the iPhone would go. Also make sure that on the fith line the “www.mydomain.com/index.html” is changed to your domain.
Remember that the iPod touch probably wants to be redirected as well, and that it’s UA has iPod instead of iPhone…
thanks for adding the textmate snippet link – thats a classy addition of which i’ve seen nowhere else :)
I’m thinking this may be useful to serve responsive images if you add the filter for image file types and increase the amount of browsers in the query string, or or just query user agents that contain the string “mobile”
I know User Agent strings aren’t’ the best way to detect mobile browsers, but realistically people spoofing their user agent string are edge cases
cool! this might help serving responsive images as Richard says, saving some bandwidth for visitor and server both.