asp.net-mvc – 如何根据设备类型更改ASP.NET MVC视图？

更新：此解决方案有一个微妙的错误。 MVC框架将调用FindView / FindPartialView两次：一次使用useCache = true，并且如果不返回结果，一次使用useCache = false。由于所有类型的数据视图只有一个缓存，因此如果桌面浏览器最先到达，移动用户可能会看到桌面视图。

对于那些有兴趣使用自定义视图引擎来解决这个问题的人，Scott Hanselman在这里更新了他的解决方案：

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

(道歉的答案劫持，我只是不想让任何人必须通过这个！)

由roufamatic编辑(2010-11-17)

您要做的第一件事是将Mobile Device Browser File引入您的项目。使用此文件，您可以定位您要支持的设备，而无需了解这些设备在其标题中发送的具体细节。这个文件已经为你做了工作。然后使用request.browser属性定制您要返回的视图。

接下来，想出一个策略，如何在视图文件夹下组织您的视图。我喜欢离开桌面版本的根，然后有一个移动文件夹。例如，Home视图文件夹将如下所示：

>首页

>移动

> iPhone

> Index.aspx

>黑莓

> 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","Mobile/BlackBerry/" + viewName,useCachE);
        }

        // Default Mobile
        if (request.browser.IsMobileDevicE)
        {
            result = base.FindView(controllerContext,"Mobile/" + viewName,useCachE);
        }

        // Desktop
        if (result == null || result.View == null)
        {
            result = base.FindView(controllerContext,viewName,useCachE);
        }

        return result;
    }
}

上面的代码允许你根据你的策略设置视图。如果未找到设备的视图或者没有默认移动视图，则后退是桌面视图。

如果你决定把逻辑放在你的控制器而不是创建一个视图引擎。最好的方法是创建一个自定义的ActionFilterAttribute，你可以装饰你的控制器。然后覆盖OnActionExecuted方法以确定哪个设备正在查看您的网站。你可以检查这个blog post如何。这个帖子也有一些不错的链接到这个主题的一些混合视频。