Files
30-seconds-of-code/snippets/detectDeviceType.md
Isabelle Viktoria Maciohsek 5e8e6f51a3 Update snippet descriptions
2020-10-19 18:51:03 +03:00

496 B

title, tags
title tags
detectDeviceType browser,regexp,intermediate

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"