Как я изменил бы ASP.NET представления MVC на основе типа устройства?

Обновление : в этом решении есть небольшая ошибка. Платформа MVC вызовет FindView / FindPartialView дважды: один раз с useCache = true , и если это не вернет результат, один раз с useCache = false . Поскольку существует только один кеш для всех типов представлений, мобильные пользователи могут в конечном итоге увидеть представления рабочего стола, если первым появится браузер рабочего стола.

Для тех, кто заинтересован в использовании пользовательских механизмов представления для решения этой проблемы, Скотт Хансельман обновил свое решение здесь:

http://www.hanselman.com/blog/ABetterASPNETMVCMobileDeviceCapabilitiesViewEngine.aspx

(Извинения за угон ответа, я просто не хочу, чтобы кто-то еще прошел через это! )

Отредактировано roufamatic (2010-11-17)

Первое, что вам нужно сделать, это добавить в свой проект файл браузера мобильных устройств . Используя этот файл, вы можете настроить таргетинг на любое устройство, которое хотите поддерживать, без необходимости знать особенности того, что эти устройства отправляют в своих заголовках. Этот файл уже сделал всю работу за вас. Затем вы используете свойство Request.Browser, чтобы настроить, какое представление вы хотите вернуть.

Затем придумайте стратегию того, как вы хотите организовать свои представления в папке Views. Я предпочитаю оставить настольную версию в корне, а затем иметь папку Mobile. Например, папка главного экрана будет выглядеть так:

• Домашняя страница Используя этот файл, вы можете настроить таргетинг на любое устройство, которое вы хотите поддерживать, без необходимости знать особенности того, что эти устройства отправляют в своих заголовках. Этот файл уже сделал всю работу за вас. Затем вы используете свойство Request.Browser, чтобы настроить, какое представление вы хотите вернуть.

  Затем придумайте стратегию того, как вы хотите организовать свои представления в папке Views. Я предпочитаю оставить настольную версию в корне, а затем иметь папку Mobile. Например, папка главного экрана будет выглядеть так:

  • Домашняя страница Используя этот файл, вы можете настроить таргетинг на любое устройство, которое хотите поддерживать, без необходимости знать особенности того, что эти устройства отправляют в своих заголовках. Этот файл уже сделал всю работу за вас. Затем вы используете свойство Request.Browser, чтобы настроить, какое представление вы хотите вернуть.

    Затем придумайте стратегию того, как вы хотите организовать свои представления в папке Views. Я предпочитаю оставить настольную версию в корне, а затем иметь папку Mobile. Например, папка главного экрана будет выглядеть так:

    • Домашняя страница
      • Мобильный
        • iPhone
          • Index.aspx
        • BlackBerry
          • Index.aspx
      • Index.aspx

    Я не согласен с @Mehrdad по поводу использования настраиваемого механизма просмотра. Механизм просмотра служит более чем одной цели, и одна из этих целей - поиск представлений для контроллера. Вы делаете это путем переопределения метода FindView. В этом методе вы можете проверить, где найти представление. После того, как вы узнаете, какое устройство использует ваш сайт, вы можете использовать стратегию, которую вы придумали для организации ваших представлений, чтобы вернуть представление для этого устройства.

    public class CustomViewEngine : WebFormViewEngine
    {
        public override ViewEngineResult FindView(ControllerContext controllerContext, string viewName, string masterName, bool useCache)
        {
            // Logic for finding views in your project using your strategy for organizing your views under the Views folder.
            ViewEngineResult result = null;
            var request = controllerContext.HttpContext.Request;
    
            // iPhone Detection
            if (request.UserAgent.IndexOf("iPhone",
       StringComparison.OrdinalIgnoreCase) > 0)
            {
                result = base.FindView(controllerContext, "Mobile/iPhone/" + viewName, masterName, useCache);
            }
    
            // Blackberry Detection
            if (request.UserAgent.IndexOf("BlackBerry",
       StringComparison.OrdinalIgnoreCase) > 0)
            {
                result = base.FindView(controllerContext, "Mobile/BlackBerry/" + viewName, masterName, useCache);
            }
    
            // Default Mobile
            if (request.Browser.IsMobileDevice)
            {
                result = base.FindView(controllerContext, "Mobile/" + viewName, masterName, useCache);
            }
    
            // Desktop
            if (result == null || result.View == null)
            {
                result = base.FindView(controllerContext, viewName, masterName, useCache);
            }
    
            return result;
        }
    }
    

    Приведенный выше код позволяет вам установить представление на основе вашей стратегии. Откат - это представление рабочего стола, если для устройства не было найдено никакого представления или если нет мобильного представления по умолчанию.

    Если вы решите поместить логику в свой контроллер вместо создания механизма представления. Лучшим подходом было бы создать собственный ActionFilterAttribute , которым вы можете украсить свой контроллер. Затем переопределите метод OnActionExecuted , чтобы определить, какое устройство просматривает ваш сайт. Вы можете проверить сообщение в блоге о том, как это сделать. В сообщении также есть несколько хороших ссылок на несколько видеороликов Mix по этой теме.