Mobile

Device Detection Code

Detecting device type based on features

Basic logic:

if (hasTouch) 
     { if (isSmall) 
       {device = PHONE; }
    else {device = TABLET;
      }
} else 
    {device = DESKTOP;}

Device detected:

function hasTouch() 
  { return Modernizr.touch;}
function isSmall() 
  {return window.matchMedia("(max-width: 650px)").matches;}

function detectDevice() 
   { if (hasTouch()) 
         { if (isSmall()) 
             {device = 'phone';  } 
           else {device = 'tablet';   }  
    } else { device = 'desktop'; }  
      return device;}
document.querySelector('#device').innerHTML = detectDevice();

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s