Best way to know which device type is requesting website?

Question

What is the best way to know which device type is requesting website?

I want to know that which device (desktop/laptop/mobile/tablet etc..) is generating request to my website using java script/j-query or c# code.

Also i want to know few more details:

Device screen resolution OS Name Browser Name and Version Requesting IP address Device ID Location

Is there any way to get all the above details...pls suggest.

This is defiantly an interesting question though! For some people it would work better to do this with a WYSIWYG editor. Most modern editors can do this right in the program its self. — pattyd, May 28 '13 at 13:53
@pattyd it can be interesting, but it is not more or less interesting than the other questions that have been asked about this very subject. There's really no use for answers repeating what has been said before, we better consolidate all knowledge in a single question. That's what the Close as Duplicate function is for. — CodeCaster, May 28 '13 at 14:02

score 2 · Answer 1 · answered May 28 '13 at 13:48

The WURFL project was started for exactly this purpose. It parses the client-provided User-Agent string into a list of capabilities, input methods, device types and the like. There are APIs for all common serverside languages, and it provides tons of properties.

score 1 · Answer 2 · answered May 28 '13 at 13:42

1

Using request header fields you can find who us accessing...

for ex :

if(request.getHeader("User-Agent").indexOf("Mobile") != -1) {

}

http://en.wikipedia.org/wiki/List_of_HTTP_header_fields

answered May 28 '13 at 13:42

Suresh Atta

120,458
37
198
307

score 1 · Answer 3 · answered May 28 '13 at 13:50

You can use this JavaScript code (found here) to get some info on the user's screen.
Then, you could set up a condition to check if the screen size is the size of a tablet, phone, computer, etc...

<script>
document.write("Total width/height: ");
document.write(screen.width + "*" + screen.height);
document.write("<br>");
document.write("Available width/height: ");
document.write(screen.availWidth + "*" + screen.availHeight);
document.write("<br>");
document.write("Color depth: ");
document.write(screen.colorDepth);
document.write("<br>");
document.write("Color resolution: ");
document.write(screen.pixelDepth);
</script>

As for the OS, i am not sure at this time. If i find any more information i will edit this answer. I hope this helps!

Best way to know which device type is requesting website?

3 Answers3