andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
2f1c0e9513b5e055271b8a6bebc25b0403ca16a0
30-seconds-of-code/snippets/detectDeviceType.md
Isabelle Viktoria Maciohsek 27c168ce55 Bake date into snippets
2021-06-13 13:55:00 +03:00

580 B
Raw Blame History

title, tags, firstSeen, lastUpdated
title tags firstSeen lastUpdated
detectDeviceType browser,regexp,intermediate 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'