w3resource

JavaScript: Detect whether the website is being opened in a mobile device or a desktop/laptop

JavaScript fundamental (ES6 Syntax): Exercise-72 with Solution

Write a JavaScript program to detect whether the website is opened on a mobile device or a desktop/laptop.

  • Use a regular expression to test the navigator.userAgent property to figure out if the device is a mobile device or a desktop.

Sample Solution:

JavaScript Code:

//#Source https://bit.ly/2neWfJ2 
const detectDeviceType = () =>
  /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
    ? 'Mobile'
    : 'Desktop';
console.log(detectDeviceType()); // "Mobile" or "Desktop"

Sample Output:

Desktop

Flowchart:

flowchart: Detect wether the website is being opened in a mobile device or a desktop/laptop

Live Demo:

See the Pen javascript-basic-exercise-72-1 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to create a deep clone of an object.
Next: Write a JavaScript program to return the difference between two arrays, after applying the provided function to each array element of both.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.

JavaScript: Tips of the Day

Parse an HTTP Cookie header string and return an object of all cookie name-value pairs

Example:

const parseCookie = str =>
  str
    .split(';')
    .map(v => v.split('='))
    .reduce((acc, v) => {
      acc[decodeURIComponent(v[0].trim())] = decodeURIComponent(v[1].trim());
      return acc;
    }, {});
console.log(parseCookie('foo=bar; equation=E%3Dmc%5E2')); // { foo: 'bar', equation: 'E=mc^2' }

Output:

[object Object] {
  equation: "E=mc^2",
  foo: "bar"
}

 

We are closing our Disqus commenting system for some maintenanace issues. You may write to us at reach[at]yahoo[dot]com or visit us at Facebook