Обнаружение мобильного устройства в asp.net
Ниже приведен код обнаружения мобильного устройства, который охватывает три различных условия.
if (Request.Browser.IsMobileDevice)
{
//Do Something
}
else if (((System.Web.Configuration.HttpCapabilitiesBase)myBrowserCaps).IsMobileDevice)
{
//Do Something
}
else if (IsMobileDevice(mobileDevices))
{
//Do Something
}
public bool IsMobileDevice()
{
private static string[] mobileDevices = new string[] {"iphone","ppc"
"windows ce","blackberry",
"opera mini","mobile","palm"
"portable","opera mobi" };
string userAgent = Request.UserAgent.ToString().ToLower();
return mobileDevices.Any(x => userAgent.Contains(x));
}
Я был вынужден написать три условия, поскольку они не выполнялись для некоторых устройств. Кто-нибудь может предложить лучший подход?
9 ответов
Взять и немного изменить код с: http://detectmobilebrowsers.com/
public static class Utils
{
// update : 5/April/2018
static Regex MobileCheck = new Regex(@"(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino", RegexOptions.IgnoreCase | RegexOptions.Multiline | RegexOptions.Compiled);
static Regex MobileVersionCheck = new Regex(@"1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-", RegexOptions.IgnoreCase | RegexOptions.Multiline | RegexOptions.Compiled);
public static bool fBrowserIsMobile()
{
Debug.Assert(HttpContext.Current != null);
if (HttpContext.Current.Request != null && HttpContext.Current.Request.ServerVariables["HTTP_USER_AGENT"] != null)
{
var u = HttpContext.Current.Request.ServerVariables["HTTP_USER_AGENT"].ToString();
if (u.Length < 4)
return false;
if (MobileCheck.IsMatch(u) || MobileVersionCheck.IsMatch(u.Substring(0, 4)))
return true;
}
return false;
}
}
и вот как ты это называешь.
if (Utils.fBrowserIsMobile())
{
// go to mobile pages
}
Из чего я изменил код http://detectmobilebrowsers.com/
- Сделайте статические и соблюдайте регулярные выражения для большей скорости в проверках.
- Исправить ошибку в том случае, если у вас меньше 4 символов.
- Другие проверки.
Использование кеша
Этот код быстрый, и единственная хитрость в том, что мы сделали статические и предварительно скомпилировали регулярное выражение. Однако после первой проверки я предлагаю сохранить результат в пользовательской сессии и использовать эту переменную сеанса, которая работает намного быстрее.
Я использую DeviceDetector.NET, так как мне часто нужно разделять смартфоны и планшеты
Установить егоInstall-Package DeviceDetector.NET
Тогда используйте это как это
DeviceDetectorSettings.RegexesDirectory = "C:\\DeviceDetector.NET.3.11.4\\";
var dd = new DeviceDetector(Request.UserAgent);
dd.Parse();
var device = dd.GetDeviceName();
if(device == "tablet") {}
if(device == "smartphone") {}
if(device == "desktop") {}
/**
Possible returns
--
desktop
smartphone
tablet
feature phone
console
tv
car browser
smart display
camera
portable media player
phablet
**/
Регулярные выражения можно найти в каталоге пакетов
Этот код работает в моем случае.
public void IsMobileBrowser()
{
String labelText = "";
System.Web.HttpBrowserCapabilities myBrowserCaps = Request.Browser;
if (((System.Web.Configuration.HttpCapabilitiesBase)myBrowserCaps).IsMobileDevice)
{
labelText = "Browser is a mobile device.";
}
else
{
labelText = "Browser is not a mobile device.";
}
ScriptManager.RegisterStartupScript(this, this.GetType(), "", "alert('"+ labelText + "');", true);
}
Скотт Хансельман имеет отличный пост в блоге на эту тему. Он ссылается на стороннее решение под названием 51Degrees.
Существующие определения браузера ужасны. В идеале вы хотите использовать базу данных WURFL для дополнения этих определений.
К счастью, это довольно легко с помощью библиотеки 51 Degrees.mobi.
Существует также пакет Nuget:
Install-Package 51Degrees.mobi
Проверьте UserAgent в codebehind на наличие "Mobi", аналогичного javascript, указанному здесь.
if (Request.UserAgent.Contains("Mobi") == true)
{
DivToShowWhenMobileDevice.Style.Add("display", "");
}
else
{
DivToShowWhenMobileDevice.Style.Add("display", "none");
}
Я бы предложил сохранить список пользовательских агентов в файле web.config, чтобы упростить его настройку. IsMobileDevice не активно обновляется новыми браузерами, поэтому у него есть свои ограничения, поэтому вам нужна дополнительная проверка.
Пакет 51Degrees.mobi будет более надежной альтернативой.
Используйте приведенный ниже код
private void CheckDevice()
{
bool FirstTime = false;
String userAgent = Request.ServerVariables["HTTP_USER_AGENT"];
ChangeAgent:
if (FirstTime)
userAgent = HttpContext.Current.Request.UserAgent.ToLower();
Regex OS = new Regex(@"(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino", RegexOptions.IgnoreCase | RegexOptions.Multiline);
Regex device = new Regex(@"1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-", RegexOptions.IgnoreCase | RegexOptions.Multiline);
String device_info = "";
if (OS.IsMatch(userAgent.ToLower()))
{
device_info = OS.Match(userAgent).Groups[0].Value;
}
if (device.IsMatch(userAgent.ToLower().Substring(0, 4)))
{
device_info += device.Match(userAgent).Groups[0].Value;
}
if (!String.IsNullOrEmpty(device_info))
{
if (device_info.ToLower().Contains("mobile"))
if (device_info.ToLower().Contains("android"))
{
hypAppLink.NavigateUrl = "https://play.google.com/store/apps/details?id=com.AppName";
hdnIsMobile.Value = "1";
}
lblWhichDeviceUse.Text = device_info;
}
else
if (!FirstTime)
{
FirstTime = true;
goto ChangeAgent;
}
}
Ну, да, если вы хотите быть уверенным, что использование useragent, вероятно, лучший способ. Вы также можете посмотреть на этот метод:
У него должны быть проблемы с новыми браузерами и тому подобное. Но это то, что вы делаете сейчас.