移动网站的发展与正常网站有何不同? [英] How does the development of a mobile website differ from a normal one?

问题描述

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

We are going to redevelop one website we developed as an ASP.NET website to be a mobile one. So, I'm wondering how does the development of a mobile website differ from a normal one?

此外，考虑到主要通过iPhone浏览此移动网站，最好的方法是什么?

Also, what is the best approach to do this taken in consideration that this mobile website will be browsed mainly from iPhone?

推荐答案

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

There are a number of differences between a mobile device and a standard computer.

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

• The screens are much smaller (fewer pixels to display your page). You should put fewer elements on each page.
• They are typically viewed in portrait mode (narrow display - narrow page). You should plan on using the full width of the screen instead of setting a fixed page width like most people do on standard web pages.
• People use finger gestures to manipulate the page instead of a mouse (buttons/links should be larger)
• They can include additional features such as geo-location, telephone, etc. that you can incorporate into your app to be easier to use. There are some libraries available to help you use these, such as jQuery Mobile.
• Users are concerned about battery life plus the CPU tends to be slower. Make sure you keep animations and client side processing to a minimum.
• Users are concerned about data usage. Keep ajax calls to a minimum (don't ask the server for data every few seconds!) and use graphics sparingly (it's better to use html/CSS to make the page attractive).
• Flash isn't supported on iPhone and is not well supported on other devices. However, most mobile devices have decent support for HTML5, so you can typically use that instead.

这篇关于移动网站的发展与正常网站有何不同?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！