从哪里开始智能手机Web开发？

Question

哈,所有,

所以我一直在为我们的物业门户网站开发一个智能手机网站,我做的第一件事就是看看其他人在网上告诉了什么,但我发现很少.

我不是在构建一个应用程序,我正在建立一个网站,我正在寻找做的,而不是关于html,css,宽度/高度方法,javascript(jquery会在所有平台上发挥得很好吗？)以及其他任何依赖于这种平台的东西.

环顾其他人我非常喜欢http://mobile.whistlerblackcomb.com/.

此致,丹尼斯

Answer 1

更新:

虽然下面的大部分文本仍然适用,但我现在说jQuery Mobile在提供精心设计和可用的UI组件方面做得很好,同时也减轻了我使用过的很多设备测试和检测问题WURFL过去.它仍处于测试阶段,但似乎运行良好.我建议检查一下.

入门时要考虑的两个最重要的问题是:

1)设备检测

2)移动UI设计

对于第1期,我强烈建议您查看WURFL设备数据集:

http://wurfl.sourceforge.net/

使用此功能,您可以使用其用户代理字符串检索访问您站点的设备的某些功能.测试移动网络应用程序就像是从地狱进行浏览器测试 - 有许多不同的设备和浏览器组合,这是一项艰巨的任务.如果您可以专注于为功能相当的手机开发一个或两个版本,请说:

1)最小300px宽度,声称"网"支持和触摸屏2)与上面相同,但没有触摸屏

您可以创建一个非常实用的网站,适用于大多数"智能手机"或"应用手机",因为David Pogue已经更准确地命名它们.对于实际测试,您可以尝试:

1)列出你的所有朋友以及他们有哪些类型的手机2)去手机商店并使用这些手机测试你的网站

并且,无论您做什么,当您收到关于其设备上的破碎/慢速内容的不可避免的用户反馈时,您必须保持敏捷.

关于UI设计,有几个问题.最简单的一个是好看的CSS.在这里,只需看看你喜欢的一些移动网站并窃取他们的CSS.一旦你完成了这个,你基本上只是在一个小屏幕上进行常规的旧web开发.ul将成为不错的iPhone-y表等.

更大的问题是移动网络的可用性.在很多方面,我们处于移动网络开发的90年代网络状态.我的意思是我们没有完善的设计模式.这使得进行移动Web开发真的很有趣,但这也意味着您必须随时准备好调整丑陋/破坏的UI,因为更好的想法不断发展.目前的一个例子是您在许多移动网站上看到的全局导航/面包屑.有惊人数量的人试图通过在移动应用程序中提供持久的导航工具(后退按钮)来模仿本机iPhone应用程序的行为.虽然这很漂亮,但它有一些问题:

1)这是多余的,因为浏览器带有用户非常熟悉的后退按钮.这些全局导航存在于本机应用程序中的原因是它们没有自带导航工具.

2)网络很棒.您可以在其结构中的任何位置输入,离开和重新输入"应用程序".通过假设用户通过您的应用程序采用线性路径,您正在降低其网络性,使其相对于网络的其余部分更加粗糙.

3)它打破了.您可以进入应用程序导航和浏览器导航指向相反方向的情况(点击应用程序中的后退按钮在应用程序历史记录中前进),或者您使用javascript伪造后退按钮,如果他们不在从应用程序的开头(通过电子邮件发送的链接,书签)开始,或者设置会话,这可能是一个很大的痛苦,只是为了免费复制从浏览器中获得的内容.会话也容易受到破坏(通过电子邮件发送的链接,书签),而且你真的没有太多收获.

我想我的主要观点是:

1)不要忘记你在网上.网络很酷,浏览器很酷,利用它.

2)不要害怕玩耍.这里没有很多完善的模式,所以你可能需要尝试一些自己的模式.