blocks|key|590324|text|我不一定认为我提出的在许多情况下是最好的解决方案，但是它可能证明是对您的问题领域的另一种见解。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|590325|而不是检测移动浏览器本身，这与浏览器嗅探有一些相似之处/缺点。|590326|取而代之的是响应式设计。我不会在这里深入讨论响应式设计的细节，因为它会让我们偏离正轨。然而，它可以为你提供的是一种方法，它不是根据检测到的浏览器来定制整个体验，而是一种更微妙的方法，可以根据屏幕分辨率、css功能、启用的JavaScript等来自定义体验。|590327|响应式设计不是一种技术本身，而是一套技术，可以根据所使用的浏览器(移动浏览器)逐步增强体验。|590328|响应式技术真正不允许的(或者至少是折衷的)是移动版本和桌面版本之间非常显著的差异。因为每一个都会污染单独的体验，例如html可以隐藏在移动版本上，但仍然可以在后台下载……但这些技术正在发展中，例如，JavaScript可以用来在移动浏览器上下载低分辨率的图像，并在宽屏显示器上下载高分辨率的图像。|590329|但是你总是可以把一个链接放到一个完全独立的移动版本/桌面版本的网站上，这样用户就可以决定退而求其次。|590330|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|P|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Q|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|S|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|M|$]]

I do not necessarily think what I am proposing is the best solution in many cases, however it may prove an alternative insight into your problem area.

Instead of a detecting a mobile browser per se, which has some similarities / disadvantages to browser sniffing.

Instead take the approach of responsive design. I won't go into detail of responsive design here, as it's taking us off track. However what it could provide you with is an approach which instead of customising the entire experience based upon what browser is detected, it's a subtler method of customising the experience based upon screen resolutions, css capabilities, JavaScript being enabled etc etc.

Responsive design isn't a technology per-say, but a set of techniques that enable the experience to be progressively enhanced depending on the browser (mobile browser) being used.

What a responsive technique doesn't really allow for (or at least it is compromised) is very dramatic differences between e.g. mobile version / desktop version. As each would typically pollute the separate experience e.g. html could be hidden on a mobile version, but might be still downloaded in the background... but these techniques are developing e.g. JavaScript can be used to download a low resolution image on a mobile browser and a high resolution on a wide screen monitor. 

But you could always put a link to a completely separate mobile version / desktop version of site to allow the user to decide as a fall-back.

blocks|key|590375|text|检测浏览器类型最简单的方法是查看useragent字符串。该字符串中的关键字将有助于检测浏览器。UserAgentString.com维护了一个完整的用户代理字符串列表，但是您需要查找的主要内容只有几个关键字。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|590376|例如，"+Blackberry“这个词只有在黑莓设备上浏览时才会出现。类似于iPad和iPhone。Android设备都在用户代理字符串中显示"android“，但它们通过包含手机的关键字"mobile”来区分平板电脑和手机。|590377|下面是我们如何在移动应用程序中检测台式机、手机和平板电脑：|590378|++++public+enum+DeviceType
++++{
++++++++Desktop,
++++++++Tablet,
++++++++Phone
++++}

++++public+static+DeviceType+UserAgentToDeviceType(string+userAgent)
++++{
++++++++if+(userAgent.ToLowerInvariant().Contains("blackberry"))
++++++++++++return+DeviceType.Phone;

++++++++if+(userAgent.ToLowerInvariant().Contains("iphone"))
++++++++++++return+DeviceType.Phone;

++++++++if+(userAgent.ToLowerInvariant().Contains("ipad"))
++++++++++++return+DeviceType.Tablet;

++++++++if+(userAgent.ToLowerInvariant().Contains("android"))
++++++++{
++++++++++++if+(userAgent.ToLowerInvariant().Contains("mobile"))
++++++++++++++++return+DeviceType.Phone;
++++++++++++else
++++++++++++++++return+DeviceType.Tablet;
++++++++}

++++++++return+DeviceType.Desktop;
++++}|code-block|syntax|javascript|590379|如果你使用的是像jQuery+Mobile这样的东西，那么该站点将针对移动设备的外观进行定制，而不考虑设备类型，并且它将处理不同设备上的JavaScript引擎之间的差异。|590380|entityMap|0|LINK|mutability|MUTABLE|url|http://www.useragentstring.com/pages/useragentstring.php|1|http://www.jquerymobile.com/^0|G|9|1C|J|0|0|0|0|0|8|D|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@$9|13|A|14|1|15]]|E|$]]|$1|F|3|G|5|6|7|16|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|17|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|18|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|19|8|@]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|Q|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]|Y|$5|T|U|V|E|$W|Z]]]]

Detecting the type of browser is simplest by looking at the <code>useragent</code> string. Key words in that string will help detect the browser. <a href="http://www.useragentstring.com/pages/useragentstring.php" rel="noreferrer">UserAgentString.com</a> maintains a thorough list of useragent strings, but the main thing you need to look for are only a few keywords. 

For example, the word "blackberry" only ever shows up when browsing from a Blackberry device. Similar with iPad and iPhone. Android devices all show "android" in the useragent string, but they distinguish between tablets and phones by inclusion of the keyword "mobile" for phones.

Here's how we detect Desktops, Phones, and Tablets in our mobile application:

<pre><code> public enum DeviceType
 {
 Desktop,
 Tablet,
 Phone
 }

 public static DeviceType UserAgentToDeviceType(string userAgent)
 {
 if (userAgent.ToLowerInvariant().Contains("blackberry"))
 return DeviceType.Phone;

 if (userAgent.ToLowerInvariant().Contains("iphone"))
 return DeviceType.Phone;

 if (userAgent.ToLowerInvariant().Contains("ipad"))
 return DeviceType.Tablet;

 if (userAgent.ToLowerInvariant().Contains("android"))
 {
 if (userAgent.ToLowerInvariant().Contains("mobile"))
 return DeviceType.Phone;
 else
 return DeviceType.Tablet;
 }

 return DeviceType.Desktop;
 }
</code></pre>

If you are using something like <a href="http://www.jquerymobile.com" rel="noreferrer">jQuery Mobile</a>, the site will be customized for mobile appearance regardless of device type, and it will handle differences between the JavaScript engine on different devices.

blocks|key|590420|text|WURFL是一个很好的资源。您可以配置所需的值(不需要接受所有参数)。我想如果你想创建你自己的解决方案-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|590421|1)您可以根据需要采用WURFL+XML+2)候选列表参数3)使用XML+Reader读取其xml并将值放入数据库中。|590422|这样你就可以有自己的解决方案了。(aLthough的一个问题是，稍后在WURFL上注册的新设备将不会自动更新，因此您必须稍后自行更新)|590423|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

WURFL is a great resource for this. You can configure what values you need (no need to take all of its arguments). I think if you want to create your own solution-

1) You can take WURFL XML 
2) Shortlist arguments as per your needs
3) Use XML Reader to read its xml and put values in your database.

This way you can have your own solution. (aLthough one issue is that new devices that register later on WURFL will not be updated automatically, so you have to later on update it yourself)

I'm just starting to create my first mobile version of a desktop website that was written in WebForms. 

My current question has to do with mobile device/browser detection.

What I'm trying to determine is a) If your device is mobile b) What OS (Android/IOS/etc) in case I need to handle anything differently based on the OS and c) What screen size (for loading different stylesheets)

mobile browser device detection in .NET

响应式设计

数据库

Android

我刚刚开始创建我的第一个用WebForms编写的桌面网站的移动版本。我现在的问题与移动设备/浏览器检测有关。我想确定的是: a)如果你的设备是移动设备，b)什么操作系统(Android/IOS/等)，以防我需要根据操作系统不同地处理任何事情，以及c)什么屏幕大小(用于加载不同的样式表)

问.NET中的移动浏览器设备检测
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问.NET中的移动浏览器设备检测EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问.NET中的移动浏览器设备检测
EN