Javascript detect device
Today, I have to do a task: Dectect current device which is accessing a website. I have tried to google and find some solutions:
- The first solution comes from this topic
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
// some code..
}
It seems quite easy when use user_agent to detect device. But it has 2 problems: + Whenever a new device or new OS was born, you need to change this code. + User agent strings are a constant moving target, they should not be trusted alone + Some browser is configed to not send user argent.
Use some library like: detectmobiledevice or wurfl. However, we just use a small of code in this library, we don’t need to import whole lib files.
This is my solutions: We will call a function:
window.orientationto dectect. If it !== “undefined” —> this device is mobile because this command returns “Lancapse” or “Portrait” for mobile and returnsundefinedfor Desktop.