为网站开发移动界面

Question

我有一个用ASP.NET MVC开发的网站。

现在，我期待着为它建立一个移动界面。我在这方面的知识不是很好，所以我会解释需要做什么。它非常类似于StackOverflow或程序员的代码，下面是需要解决的几个要点。

1. 就像堆栈溢出，如果一个站点是从移动访问，应该发生自动检测和移动版本应该显示。
2. 我需要设置像m.mysite.com这样的子域吗?我是否应该为此域安装移动站点(SE站点现在不这样做，但是Facebook这样做)？
3. 最后，如何设计在所有大小的移动屏幕上容易阅读的网站。

Answer 1

Re: 1--只要yu在样式表中正确使用@media类型，就不应该(必然)负责检测移动设备。

Re: 2--这将取决于你想为移动设备提供的服务与“正常”的观众之间的差别是否很大。如果您的主站点对JavaScript影响很大，并且希望为您的移动用户提供更简单的视图，请使用单独的子域。如果内容几乎相同，您只希望表示不同，您不需要子域，只需要一个不同的样式表(或其中的部分)。

Re: 3-遵循最佳实践，使用em字体大小而不是px，等等。再过一段时间才能回答这部分;-)

Answer 2

有关1.，请参见此处：http://detectmobilebrowsers.com/

对于2.，这取决于你，从技术上讲，这并没有多大区别。

对于3. Javascript框架(如jQTouch或Sencha )可能会有所帮助。除此之外，设计问题在这里可能是不相关的。

Answer 3

如果您正在使用MVC 3，则很少有代码可以用来检测移动客户端并随后显示移动视图。你需要做的两个小的补充是：

1. 重写RazorViewEngine.FindView，并检查Request.UserAgent以确定哪个浏览器正在发送请求。
2. 在特定区域的视图文件夹下创建一个"Mobile“文件夹，并在那里创建您的移动样式视图。
3. 完成工作，告诉"FindView“在哪里可以获得移动视图

这将您的常规浏览器视图与您的移动视图分离开来，并且不需要更改您的控制器代码。

要开始这样做，你可以开始滚动你自己的(很好--你学到了很多东西)，或者你可以利用别人已经开始的东西。我个人在NuGet上使用了一个名为"Mobile“的模板，这是一个MVC项目，包含了我前面描述的部分，包括HTML5支持。你看，它帮了我一吨：

http://tekprolixity.blogspot.com/2012/04/instant-mvc-3-mobile-app.html