解决方法
默认情况下,ASP.NET MVC内置两种显示模式.有默认的显示模式,它可以像往常一样呈现您的“标准”视图,还有一个通用的“移动”显示模式.
这通过检测客户端设备是否是移动浏览器来工作(其本身通过嗅探客户端设备的User-Agent string来确定,因此不是100%可靠).如果确定设备是移动设备,则覆盖发送到客户端的实际MVC视图,并且呈现并发送替代视图.在包含移动显示模式的情况下,它被配置为查找后缀为.mobile.cshtml而不是.cshtml的视图(如下面的屏幕截图所示)
这允许您设计完全不同的视图,这些视图将被发送到移动设备与非移动设备,而无需对控制器逻辑进行任何更改,因此您不需要在其中包含任何条件逻辑.
如果您需要对发送到客户端设备的确切视图进行更细粒度的控制,则整个显示模式功能是可配置和可扩展的.您可以定义自己的显示模式(通常在“应用程序启动”中执行),这些模式可以特定于给定的浏览器,给定设备或您希望的任意定义.所有这些都基于来自客户端设备的用户代理字符串.
请考虑下面的代码片段,其中显示了在Application Start方法中为Windows Phone,iPhone和Android添加3个其他自定义显示模式:
protected void Application_Start() { DisplayModeProvider.Instance.Modes.Insert(0,new DefaultDisplayMode("WP") { ContextCondition = (context => context.GetOverriddenUserAgent(). IndexOf("Windows Phone OS",StringComparison.OrdinalIgnoreCase) >= 0) }); DisplayModeProvider.Instance.Modes.Insert(1,new DefaultDisplayMode("iPhone") { ContextCondition = (context => context.GetOverriddenUserAgent(). IndexOf("iPhone",StringComparison.OrdinalIgnoreCase) >= 0) }); DisplayModeProvider.Instance.Modes.Insert(2,new DefaultDisplayMode("Android") { ContextCondition = (context => context.GetOverriddenUserAgent(). IndexOf("Android",StringComparison.OrdinalIgnoreCase) >= 0) }); }
为每个显示模式提供ID和要与用户代理字符串匹配的字符串,以确定是否要使用此显示模式.如果是,则DisplayModeProvider将查找具有相同字符串后缀的View. (即对于上面的iPhone显示模式,我们希望在用户代理字符串中的任何位置找到字符串“iPhone”,如果存在,我们使用这种显示模式,使用iphone.cshtml后缀而不是.cshtml后缀呈现视图.
您可以在此处阅读有关此功能的更多信息
http://www.asp.net/mvc/overview/older-versions/aspnet-mvc-4-mobile-features特别是在“覆盖视图,布局和部分视图”和“特定于浏览器的视图”部分中.