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

前端之家收集整理的这篇文章主要介绍了asp.net-mvc – 如何根据设备类型更改ASP.NET MVC视图?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在通过一些ASP.NET MVC读取工作,我有一个Web应用程序在工作,我将从WebForms迁移到MVC。我希望在此过程中获得的功能请求之一是,如果用户来自移动设备,则返回一个简化的视图。

我不能完全看到最好的地方是实现那种类型的逻辑。我确定有一个更好的方法,比添加一个if / else Browser.IsMobileDevice在每个动作返回一个视图。我要做什么样的选择?

解决方法

更新:此解决方案有一个微妙的错误。 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如何。这个帖子也有一些不错的链接到这个主题的一些混合视频。

猜你在找的asp.Net相关文章