andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
61200d90c4c80cdc76022747c2785e172013b47a
30-seconds-of-code/snippets/detect-device-type.md
Angelos Chalaris 61200d90c4 Kebab file names
2023-04-27 21:58:35 +03:00

586 B
Raw Blame History

title, tags, cover, firstSeen, lastUpdated
title tags cover firstSeen lastUpdated
Detect device type browser,regexp clutter-2 2017-12-24T09:39:23+02:00 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'