从哪里开始智能手机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/

使用此功能，您可以使用设备的User Agent字符串检索正在访问您的站点的设备的(某些)功能。测试移动web应用程序有点像来自地狱的浏览器测试--有如此多不同的设备和浏览器组合，这是一项艰巨的任务。如果你可以专注于为功能相当强大的手机开发一两个版本，比如：

1)最小300px的宽度，支持“网页”和触摸屏2)与上面相同，但没有触摸屏

您可以创建一个非常有用的站点，该站点将适用于大多数“智能手机”或David Pogue更准确地命名为“应用程序手机”。对于实际的测试，您可以尝试：

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

而且，无论你做什么，当你在他们的设备上收到不可避免的关于损坏/缓慢内容的用户反馈时，你都必须敏捷。

关于UI设计，有几个问题。最简单的是漂亮的CSS。在这里，只需查看一些您喜欢的移动网站，并窃取他们的CSS。一旦你这样做了，你基本上就是在一个小屏幕上进行常规的旧web开发。ul将会变成很好的iPhone-y桌子，等等。

更大的问题是移动网络的可用性。在很多方面，我们正处于90年代的移动web开发环境中。我的意思是，我们的工作没有良好的设计模式。这使得做移动web开发变得非常有趣，但这也意味着随着更好的想法的发展，你必须准备好调整你的丑陋/坏掉的UI。一个当前的例子是你在许多移动网站上看到的全球导航/面包屑。令人惊讶的是，有许多人试图通过在移动应用中提供持久的导航工具(后退按钮)来模仿原生iPhone应用的行为。虽然这很不错，但它有几个问题：

1)这是多余的，因为浏览器附带了一个用户非常熟悉的后退按钮。这些全球导航之所以存在于本地应用程序中，是因为它们并没有提供免费的导航工具。

2)网络很棒。您可以在其结构中的任何点进入、离开和重新进入“应用程序”。通过假设用户在你的应用程序中采用线性路径，你正在降低它的亲和力，使它相对于网络的其他部分更加粗糙。

3)它坏了。要么你会遇到应用导航和浏览器导航指向相反方向的情况(点击应用历史记录中的后退按钮)，要么你用javascript伪造一个后退按钮，如果它们没有在应用程序的开头启动(电子邮件链接，书签)，它就会失效，或者你设置会话，这可能是一个很大的痛苦，仅仅是为了免费复制你从浏览器获得的东西。会话也很容易被破坏(电子邮件链接，书签)，而且你真的没什么收获。

我想我的要点是：

1)别忘了你还在上网。网页很酷，浏览器也很酷，利用这一点吧。

2)不要害怕玩耍。这里没有很多成熟的模式，所以您可能需要尝试一些您自己的模式。

Answer 2

一个单独的列表可以让你开始: CRAIG HOCKENBERRY的"Put Your Content in My Pocket"

Answer 3

对于现代智能手机来说，开发一个传统的网页和一个专门的网站实际上没有区别。

但你可以试试苹果、RIM、摩托罗拉和诺基亚等主要厂商提供的模拟器，看看它们是什么样子。