Skip to content

Detect device type

Detects whether the page is being viewed on a mobile device or a desktop.

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

const detectDeviceType = () =>
  /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
    navigator.userAgent
  )
    ? 'Mobile'
    : 'Desktop';

detectDeviceType(); // 'Mobile' or 'Desktop'

More like this

JavaScript · June 12, 2021
How can I detect if Caps Lock is on with JavaScript?

If you need to check if Caps Lock is on when the user is typing in the browser, JavaScript's got you covered.
JavaScript · October 22, 2020
URL parameters as object

Creates an object containing the parameters of the current URL.
JavaScript · February 10, 2024
How do I use JavaScript to modify the URL without reloading the page?

Learn all of the options JavaScript provides for modifying the URL of the current page in the browser without reloading the page.
JavaScript · November 4, 2023
How can I listen for a click outside of an element in JavaScript?

Detect and handle click events outside of a specific element in just a few lines of JavaScript.