andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
8850e3dfbe17c913b5576115ab90eb2518037d2b
30-seconds-of-code/snippets/detect-device-type.md
Angelos Chalaris 8850e3dfbe Update frontmatter data
2023-04-28 22:29:23 +03:00

566 B
Raw Blame History

title, type, tags, cover, dateModified
title type tags cover dateModified
Detect device type snippet
browser
regexp
clutter-2 2020-10-22T20:23:47+03:00

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'