Before you ignore this post, I've read countless posts on how to use screen resolution, user agents, and the like to detect mobile platform as whether to display a "full featured" or larger website vs. a smaller one.
I am using .Net MVC4 and can already redirect to my .mobile pages via global.asax.cs and _Layout.Mobile files without a hitch.
My question is thus: Once on a mobile page, I'd like to know whether this is a phone of tablet (iPad, Android, etc) in order to render a "Call Us" button on the page. I am using jQueryMobile so I've got the code so far to do the following:
<a href="tel:+15559876543" data-role="button">Call Us Today</a>
Basically I am checking to see if the device has a radio and can make calls, so as not to frustrate that WiFi-only iPad user who clicks on a "Call Us" link and doesn't get anywhere.
I am entirely cognizant of the fact that there may be a better approach to what I am doing, and I am gratefully open to those suggestions as well.
Thanks in advance, Dan