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

Question

<分区>

Answer 1

更新:

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

---

开始时要考虑的两个最重要的问题是:

1)设备检测

2) 移动端UI设计

对于问题 1，我强烈建议查看 WURFL 设备数据集:

http://wurfl.sourceforge.net/

使用它，您可以使用其用户代理字符串检索正在访问您站点的设备的(某些)功能。测试移动网络应用程序有点像 hell 般的浏览器测试——设备和浏览器的不同组合如此之多，这是一项艰巨的任务。如果您可以专注于为功能相当强大的手机开发一个或两个版本，请说:

1) 最小 300 像素宽度，声称支持“网络”和触摸屏 2) 同上，但没有触摸屏

您可以创建一个适用于大多数“智能手机”或“应用手机”的非常有用的网站 David Pogue更准确地命名了它们。实际测试时，您可以尝试:

1) 列出您所有的 friend 以及他们拥有的手机类型 2) 去手机店并使用这些手机测试您的网站

而且，无论您做什么，当您不可避免地收到有关设备上内容损坏/速度慢的用户反馈时，您都必须保持敏捷。

关于 UI 设计，有几个问题。最简单的是漂亮的 CSS。在这里，只需查看一些您喜欢的移动网站并窃取他们的 CSS。完成此操作后，您基本上就是在小屏幕上进行常规的旧 Web 开发。 ul 将成为漂亮的 iPhone-y table 等。

更大的问题是移动网络的可用性。在很多方面，我们都处于移动 Web 开发的 90 年代 Web 环境中。我的意思是我们在没有完善的设计模式的情况下工作。这使得移动 Web 开发变得非常有趣，但这也意味着随着更好的想法的发展，您必须准备好调整丑陋/损坏的 UI。当前的一个例子是您在许多移动网站上看到的全局导航/面包屑导航。数量惊人的人正在尝试通过在移动应用程序中提供持久导航工具(后退按钮)来模仿原生 iPhone 应用程序的行为。虽然这有点漂亮，但它有一些问题:

1) 这是多余的，因为浏览器带有用户非常熟悉的后退按钮。这些全局导航存在于 native 应用程序中的原因是它们没有随附免费导航工具。

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

3) 它坏了。您可能会遇到应用程序导航和浏览器导航指向相反方向的情况(点击应用程序中的后退按钮向前浏览应用程序历史记录)，或者您使用 javascript 伪造后退按钮，如果它们不这样做就会中断不要从应用程序的开头(电子邮件链接、书签)开始，或者您设置 session ，这可能只是为了免费复制您从浏览器获得的内容而带来的巨大痛苦。 session 也容易受到破坏(电子邮件链接、书签)的影响，而且您实际上并没有得到太多。

我想我的主要观点是:

1) 不要忘记您正在上网。网络很酷，浏览器很酷，好好利用它。

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