05-05-2012, 02:33 AM

I have a portfolio site and am wanting to make it auto detect and redirect to the mobile version. I have a mobile version created but I am having trouble understanding how to do this. Any help is appreciated.

05-05-2012, 09:48 AM

<script type="text/javascript">// <![CDATA[
 var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
 if (mobile) { document.location = "http://www.youtube.com";}
// ]]></script>

The above code should redirect a mobile browser to youtube. So, just replace the youtube url with the url of your mobile site.

05-05-2012, 11:05 AM

If the above doesn't work, there's always the wonderful MooTools Browser class (see here) that can detect platform.

Take a look at this page I created a while back. All it does is print back some info about the browser and platform of the user using MooTools. It doesn't redirect but it does show how easy it is to use MooTools to do basic detection. Feel free to take what you need from the source.

05-05-2012, 09:07 PM

Originally Posted by DenAtTheDBM

<script type="text/javascript">// <![CDATA[
 var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
 if (mobile) { document.location = "http://www.youtube.com";}
// ]]></script>

The above code should redirect a mobile browser to youtube. So, just replace the youtube url with the url of your mobile site.

I tried putting in the .mobi version of my site and it gave a "bad gateway" response. Is there a way I could put the path to the mobile folder on my server in the youtube spot and it work?

05-05-2012, 10:30 PM

If you use DenAtTheDBM's solution, you will need to replace the YouTube URL with an appropriate path. How were you trying to do it?

05-05-2012, 11:04 PM

Originally Posted by vansmith

If you use DenAtTheDBM's solution, you will need to replace the YouTube URL with an appropriate path. How were you trying to do it?

I was replacing youtube.com with jonnypye.mobi should I use the mobile folder path under jonnypye.com instead? What would that be? index/mobile I would guess since the mobile folder is nested in the main directory. [Main folder/mobile]

EDIT: putting the mobile folder path worked! Thanks for the help!

05-06-2012, 05:01 PM

Now for a follow up question: Is there a way to put a link to full site that will bypass the auto redirect?