Device Detection

[Jon]

Hi Guys,

I have a site that is fixed width and fits perfectly on desktop and tablets.

I want the RadDeviceDeection Framework to discern if the device is a mobile phone and then redirect to a different set of web pages.(not responsive).

When testing on a desktop I get an output such as 

ScreenSize By Range : 3 : ScreenSize By UserAgent : 3

ScreenSize By Range TS : ExtraLarge : ScreenSize By UserAgent TS : ExtraLarge

Height : 0 Width : 0

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 OPR/45.0.2552.888

On a mobile phone, it detects the height & width and a small screen size.

The problem is,it also detects tablets with a small screen size - but no height & width.
No matter how small I make the custom range for screen size it always returns small for both mobile & tablet.

What would be the best way for me to detect a mobile phone only please?
I could do it if a height & width was found; but not sure if this would cover all.

Cheers,

Jon

 

[Rumen]

Hi,

RadDeviceDetectionFramework uses the browser user agent string to match against a predefined database on the server and decide whether the device used is mobile or not. It is designed to distinguish whether your application is browsed on a desktop screen or on a mobile device screen. Its purpose is to allow automatic enabling of controls' Mobile render mode when browsed under mobile devices as well as to allow you to apply different CSS for different predefined or custom ranges of mobile devices' screen size.

Have you tried to distinguish the device type based on its browser agent string? 

For your convenience I have found the following useful resources:

https://stackoverflow.com/questions/27635020/how-can-i-determine-whether-the-device-is-a-phone-or-tablet-using-the-unity-engi

https://forums.asp.net/t/1767942.aspx?Detect+Mobile+and+Tablet+devices

http://detectmobilebrowsers.com/ 

Regards,
Rumen
Progress Telerik