MVC 移动识别 ASP.NET MVC移动端识别

上面我们已经说了响应式布局，但那是客户端的，针对于同一个视图页面的。不过同一个视图页面通过响应式布局也是有缺点的会导致页面样式十分庞大页面加载效率降低，而且只能做局部的调整，如果要做

大的调整会比较复杂或根本就不可能实现。

那我们有没有别的办法。答案是有的。如果我们可以在后台识别请求过来的是 PC端还是移动端，然后加载不同的视图。这样我们就可以有多份视图。还好我们伟大的ASP.NET MVC里面是很好实现的。你只要在你的请求的视图在复制一个改名为.Mobile.cshtml如：_Layout.cshtml和_Layout.Mobile.cshtml。没了？对的，没了。如果是移动端的请求那么会自动请求_Layout.Mobile.cshtml如果是PC端那么会自动请求_Layout.cshtml 。

这样我们就可以针对两大类再做响应式布局。

有人会说，我们在本地开发都是PC端请求。那么我们怎么测试移动端的效果呢？一定要发布到线上然后用手机测试？那多麻烦啊，每改一个样式都要发布一次。好吧，我再告诉你一个诀窍。在PC端伪装成移动端直接在

////打开注释 默认 是 移动端 显示效果
//DisplayModeProvider.Instance.Modes.RemoveAt(0);
//DisplayModeProvider.Instance.Modes.Insert(0,
//    new DefaultDisplayMode("Mobile")
//    {
//        ContextCondition = Context => true
//    }
//    );

PC端看移动端的效果。看下面的代码，复制到Global.asax文件的MvcApplication方法里面。打开注释就是默认显示移动端效果。发布的时候记得注释掉。

MVC 移动识别 ASP.NET MVC移动端识别

相关推荐