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方法里面。打开注释 就是 默认显示 移动端效果。发布的时候记得注释掉。