我有一个现有的网站,我需要开发一小部分移动设备。由于不属于本条目范围的原因 - 我使用的是Microsoft平台和工具 - VS2008,ASP.Net,VB.net,.Net AJAX Framework,jquery。
我有两个问题:
制作页面的最佳页面大小(高度和宽度 - 主要是宽度)是什么,因为我不知道哪些设备将访问网站的移动部分。我可以检测它们是否是移动设备并将它们相应地引导到移动部分,但我不想为每个移动设备编写自定义内容 - 所以我想创建一些适合所有移动应用程序的东西。
.Net 3.5框架环境中移动网络开发的任何建议或链接?
由于
答案 0 :(得分:2)
您的普通移动设备仍然具有非常小的屏幕分辨率。
quick google发现了许多列出此类内容或指向列表的网站,我看到的最好的是:
或更好地了解平均值:
至于构建移动版本,我会从System.Web.Mobile开始,然后从那里开始工作 - 接听System.Web.Ui.MobileControls,以及their walkthroughs。
我可以说“谢谢你想到我们”吗?作为“移动”互联网的用户,遇到一个在我的手机上无法运行的大量启用javascript的网站(我看着你)总是很痛苦(Windows Mobile 6.1,安装了Opera Mobile 8.5)因为JS支持中有限(或有限的限制)。
只是有了另一个想法 - 每个人都在谈论DRY - 看一个MVC框架将是一件非常好的事情 - 那么你的控制器都可以是相同的,只需返回一个基于浏览器上限的修改后的视图 - { {3}},所有好东西。
我知道我在这里有更多。
Scott还有一个播客(Scott Hanselmann included a bit about this in his MIX talk),ASP.Net and the mobile web在codeplex上
答案 1 :(得分:1)
我们正在开发一个移动应用程序作为单独的应用程序。这个设计决策的原因是我们不会使用我们现有的页面,因为它们包含太多信息。因此,尽管斯科特在一定程度上有“干”的观点,但这并不是一个准确的概括。
应针对非常小的屏幕和低带宽优化移动应用。尽可能减少图像,JS文件等。这将改善用户的体验。您可以做的最好的事情是获取移动设备或一些模拟器,并检查它们如何在这些设备上执行/查看。 Here's a cool one for iPhone
另外,请记住,许多移动用户只使用移动应用程序几分钟 - 而且只能快速获取关键信息。您的应用应该可以让用户轻松访问所需信息,只需点击少量点击次数和页面加载次数。
答案 2 :(得分:0)
理想情况下,您应该开发无论屏幕尺寸如何都能正常工作的网页。为移动设备创建单独的页面意味着在需要更改时必须在两个位置更新内容。这违背了不重复自己的原则。使用手持媒体类型创建样式表,以便将内容提供给移动设备。这使您可以非常轻松地将元素重新定位为单列格式。请注意,许多移动设备将向服务器报告他们接受手持式和屏幕媒体类型,因为他们正在尝试为桌面提供一致的用户体验。您可能需要覆盖掌上电脑样式表中的某些屏幕规则。
答案 3 :(得分:0)
在构建XHTML + CSS模板时,有几个不同的显示大小值得考虑。
它们如下(宽度以px为单位):
所有变化都应适合这些宽度。还要考虑将宽度设置为比视口小10px左右(例如240必须为230)。同样适用于图像。这是必要的,因为滚动条在许多移动浏览器上缩小了视口。
没有必要担心高度,就像普通浏览器一样,这不是一个问题 - 人们总是可以向下滚动。但是,一个好的建议可能是保持页面相对较短。
哦,我会指出你WURFL,虽然我自己没有用过它,也许你会发现它很有用。