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 being opened in 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.



Share this Tutorial / Exercise on : Facebook and Twitter

JavaScript: Tips of the Day

Returns the unique symmetric difference between two arrays, not containing duplicate values from either array

Example:

const uniqueSymmetricDifference = (a, b) => [
  ...new Set([...a.filter(v => !b.includes(v)), ...b.filter(v => !a.includes(v))])
];
console.log(uniqueSymmetricDifference([1, 2, 3], [1, 2, 4])); // [3, 4]
console.log(uniqueSymmetricDifference([1, 2, 2], [1, 3, 1])); // [2, 3]

Output:

[3, 4]
[2, 3]