title | type | language | tags | cover | dateModified | ||
---|---|---|---|---|---|---|---|
Detect device type |
snippet |
javascript |
|
clutter-2 |
2020-10-22 |
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'