CODEWITHSUNDEEP
javascriptjquerydevice-detection
Srilakshmi B S
Srilakshmi B S

Reputation: 21

Javascript code to find the user device

I wrote some simple code to find the type of the device:

$(document).ready(detectDevice);

function detectDevice() {
    if (window.innerWidth > 768) {
        var device = "Desktop";

        console.log('=======device======', device);
    } else if (window.innerWidth < 767 && window.innerWidth > 481) {
        var device = "iPad";
    } else if (window.innerWidth < 480) {
        var device = "Mobile Phone";
    }
}

But I want to find the correct model name of the device from which the app is being used. I don't want to write the code using navigator.userAgent which will find out using browsers.

Please can someone tell me if there is any way to find this using JavaScript or jQuery?

Upvotes: -2

Views: 3404

Answers (1)

MartinWebb
MartinWebb

Reputation: 2008

You can use this lightweight libary to do this

https://github.com/matthewhudson/current-device

Here is how it works:

  console.log("device.portrait() === %s", device.portrait());
  console.log("device.landscape() === %s", device.landscape());
  console.log("device.mobile() === %s", device.mobile());
  console.log("device.tablet() === %s", device.tablet());
  console.log("device.ipad() === %s", device.ipad());
  console.log("device.ipod() === %s", device.ipod());
  console.log("device.iphone() === %s", device.iphone());
  console.log("device.android() === %s", device.android());
  console.log("device.androidTablet() === %s", device.androidTablet());
  console.log("device.blackberryTablet() === %s", device.blackberryTablet());
  console.log("device.fxos() === %s", device.fxos());
  console.log("device.fxosPhone() === %s", device.fxosPhone());
  console.log("device.fxosTablet() === %s", device.fxosTablet());

Test for Ipad

  if (device.ipad()) //....do something

Upvotes: 0

Related Questions