So I have a question about this type of script. With using this jQuery method, say you want a “desktop site” type link on your mobile website (like Google has). Well, I have tested on my phone and when I access the “desktop site” link on my mobile site, it correctly redirects me to the desktop site with a href link. However, when testing with a browser on a pc, (minimizing the browser to < 480px) when I access the "desktop site" link, it begins to load the desktop site, but then redirects to the mobile site because of the browser size. Which this is correct in my understanding. But how can I get it to still view the desktop site even if below 480px, (of course only when asked to view the full desktop site)? Seems like it may take some php script dealing with cache or something?
Thanks in advance.
Right – when I decrease my IE8 desktop browser to this – if($(window).width() < 480) – then redirects to the mobile page. However, this does not work on my Android smartphone – I still get the desktop version. I haven’t made any changes to Dave’s code other than entering the proper url. Is this just an Android problem?
Hey @DocRocks, have you tried changing the code to ‘window.location.href’ yet?
@standuncan, you could just set a cookie when you click on the ‘desktop site’ link, then check against it in the JS. If width is less than 480 and desktopCookie is false then redirect to mobile site, otherwise don’t.
After viewing your source I realized that you’re missing this from the top of your document:
Add that at the top of yourand it’ll work. The problem was that without resizing the viewport to the width of the mobile device then the window width isn’t less than 480. Thus the redirect wasn’t triggered.
Hey Johnnyb. Thanks very much for hanging there with me. After adding the code to the indexTest.htm file it works in my desktop but doesn’t work on my Android. I tried it first at the top of the head area, just before and after the script – same result. I tried rebooting my phone to see if there is a cache problem – nada. The script detects a narrow desktop browser – what could be the problem?
I get a text window that says – this should redirect to …. Doesn’t redirect to my mobile site. It does redirect from my desktop IE8. What is so different about Android I wonder? BTW if you want to look at the code in the test page, the file on the site is http://alsautomotiveandtruck.com/ indexTest.htm.
Just tried it on an Android (Google HTC) and it works in portrait but not landscape, must be the landscape resolution which is throwing it off. I changed the query to 600px and tested on both portrait and landscape and it now works on both: http://johndoesdesign.com/dev/j/redirect/ Test it again on your phone and let me know.
Hi, Could anyone help please. I’ve tried your suggestions and cant seem to get a re direct.
This is the source code I’ve tried. any help appreciated.
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".