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

Question

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

另外，考虑到这个移动网站主要是从iPhone上浏览，最好的办法是什么？

Answer 1

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

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

Answer 2

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

除了Brian的回答，我还要补充一下：

• 屏幕没有调整大小但是滚动，但是滚动的边通常不是很好的体验
• 屏幕方向可以更改，但应用相同的滚动规则
• 消费者使用App喜欢的行为，因此页面之间的向前和向前的信息较少，而且站点之间很少
• 消费者通常会关注数据，因此需要尽量减少数据流量
• 控制/按钮/选择/数据输入需要针对手势进行优化 - 例如，想一想键盘弹出以允许数据输入，有多少屏幕可用 - 如果需要，可以轻松查看所有输入至？

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

Answer 3

我担心你不能使用当前的asp-View移动设备，尤其是iPhone。 iphone开发有一套特殊的控件 - componentone。

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

Answer 4

最近我们为iphone用户开发了一个站点，我们正在使用asp.net/sql进行普通站点。 但是当你看移动网站时，移动设备通常会有小屏幕和一些时间优化问题。

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

Learning Video

Getting started

Answer 5

为移动网站建立上下文：是否存在与您的移动用户更相关的信息子集？也许您的常规网站上的应用与移动设备无关？无论哪种方式，您都应该在移动文件夹中创建单独移动网站！然后，您可以使用子域来覆盖它：例如，http://m.mysite.com

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

http://html5boilerplate.com/

http://www.modernizr.com/（这包含在HTM5 Boilerplate中）

http://51degrees.codeplex.com/

不要犯下像“响应式网页设计”这样的当前潮流的愚蠢错误，它试图将桌面版本的网站挤压到移动屏幕上。以上链接可以帮助您入门。