移动网站的发展与普通网站有何不同？

Question

我们将重新开发一个我们开发的ASP.NET网站作为移动网站。 因此，我想知道移动网站的发展与普通移动网站的发展有何不同？

另外，考虑到这个移动网站主要是从iPhone中浏览，这样做的最佳方法是什么？

Answer 1

移动设备和标准计算机之间存在许多差异。

• 屏幕更小（显示页面的像素更少）。您应该在每个页面上放置更少的元素。
• 它们通常以纵向模式（窄显示 - 窄页面）查看。您应该计划使用屏幕的整个宽度，而不是像大多数人在标准网页上那样设置固定的页面宽度。
• 人们用手指手势来操作页面，而不是鼠标（按钮/链接应该更大一些）
• 它们可以包括其他功能，例如地理位置，联系电话等，你可以融入你的应用程序是更易于使用。有一些库可用于帮助您使用这些库，例如jQuery Mobile。
• 用户担心电池使用时间加上CPU速度会变慢。确保您将动画和客户端处理降到最低。
• 用户关心数据使用情况。保持ajax调用的最低限度（不要每隔几秒向服务器请求数据！）并节省使用图形（最好使用html/CSS使页面更具吸引力）。
• Flash在iPhone上不受支持，并且在其他设备上不受支持。但是，大多数移动设备对HTML5都有不错的支持，所以通常可以使用它。

Answer 2

恐怕你不能使用当前的asp-View特别是iPhone手机。 iPhone开发有专门的控制集 - componentone。

如果您的Web应用程序基于MVC或MVP模式，那么移动并不困难。

Answer 3

最近我们为iphone用户开发了一个站点，我们使用asp.net/sql作为普通站点。 但是，当你看手机网站时，手机通常有小屏幕和一些时间优化问题。

我们使用jqtouch进行移动开发。用于iPhone，Android，iPod Touch和其他具有前瞻性设备的移动Web开发的JQuery插件。

Learning Video

Getting started

Answer 4

智能手机用户使用不同的体验。

除了Brian的答案，我想补充：

• 屏幕不调整，但滚动，但是双方滚动通常不是一个很好的经验
• 屏幕取向可以改变，但同样的滚动规则
• 消费者使用的应用程序一样的行为和与页面之间来回这样少的信息是常见的，网站之间
消费者普遍有数据的担忧使数据流量需要最小化
• 控制器/按钮/选择/数据输入需要针对手势进行优化 - 例如，考虑弹出的键盘弹出以允许输入数据，屏幕有多少可用 - 如果需要，可以轻松查看所有输入至？

我建议开发移动网站的目的是使用目标智能手机几个星期了解设备在现实世界中的使用方式。

Answer 5

为移动网站建立上下文：是否有与您的移动用户更相关的信息子集？也许你的常规网站上有与移动设备无关的应用程序？无论哪种方式，您应该在移动文件夹中分别创建您的手机网站分开！然后，您可以使用子域来访问它：例如，http://m.mysite.com

您可以使用CSS Media Queries和51degrees.Mobi的组合来检测浏览器功能并根据设备的类型呈现正确的大小布局用户拥有。

http://html5boilerplate.com/

http://www.modernizr.com/（这包括在HTM5样板）

http://51degrees.codeplex.com/

不要让下面的当前潮流，如“自适应网页设计”，它试图挤进一个桌面版本的愚蠢的错误一个网站的移动屏幕。以上链接应该让你开始。