Best way to detect mobile device and redirect

Question

Here's my snippet for detecting a mobile display based on the screen size. You can force the site to stay in desktop-mode by adding a forceDesktop param to the URL.

I`m new to jquery so if you have suggestions, please comment.

Credits go to brandonjp: How can I get query string values in JavaScript?

        <script>
            $.urlParam = function(name, url) {
                if (!url) {
                    url = window.location.href;
                }
                var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(url);
                if (!results) { 
                    return undefined;
                }
                return results[1] || undefined;
            }
            window.onload = function() {
                var forceDesktop = $.urlParam('forceDesktop');
                if (!forceDesktop) {
                    if ( $(window).width() < 639) {   
                        var url = "http://m.mysite.com/";    
                        $(location).attr('href',url);
                    }
                }
            };
        </script>

I know this post is more than 2 years old but it should really be on [codereview](http://codereview.stackexchange.com) instead of here... — Ortund, Feb 07 '17 at 10:04

score 6 · Answer 1 · edited Feb 28 '16 at 17:19

6

why not this?

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    window.location = "http://m.mysite.tld/"; 
}

edited Feb 28 '16 at 17:19

John Slegers

45,213
22
199
169

answered Feb 28 '16 at 16:57

Patrick

69
1
2

Ahmet Can Güven · Accepted Answer · 2014-10-30T10:16:06.997

4

Actually, I believe that it is important to detect mobile from window width.

So here is the way that I am using.

function detectmob() {
   if(window.innerWidth <= 800 || window.innerHeight <= 600) {
     return true;
   } else {
     return false;
   }
}

if (detectmob()){
top.location.href="mobile";
}

edited Oct 30 '14 at 10:16

answered Oct 30 '14 at 09:59

Ahmet Can Güven

5,392
4
38
59

2

I think you need `OR`, not `AND`, because many phone screens are 720 or 800px tall while being only 480px wide. – pawel Oct 30 '14 at 10:06

score 3 · Answer 3 · edited May 23 '17 at 11:47

3

best way is

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) )     
{
   var url = "http://m.mysite.com/";    
   $(location).attr('href',url);

}

For more Here

edited May 23 '17 at 11:47

Community

1
1

answered Oct 30 '14 at 09:52

Pratik Joshi

11,485
7
41
73

Yes its also valid one `location.replace("http://m.mysite.com/")` But if He wants to use url for other purpose then he can cache in `var`. – Pratik Joshi Oct 30 '14 at 10:00

score 3 · Answer 4 · answered Oct 30 '14 at 10:18

If you're going to use some form of browser-sniffing rather than feature detection via something like Modernizr, your best bet is to grab some script from http://detectmobilebrowsers.com/ rather than use home-grown / incomplete scripts pasted here and there.

Best way to detect mobile device and redirect

4 Answers4

Linked