移动网络开发 - 如何？

Question

我想开始为我的客户开发适合移动设备的网站版本，但是，我对选项感到困惑，谷歌搜索不是很有帮助 - 有很多选择和意见，我一直在阅读现在几天，仍然不知道如何开始。

您对此有什么看法/经验？

我的要点：

• 支持移动设备（按相关性排序）：iPhone 3G，iPhone 2G，黑莓手机，Droid手机，其他
• 手机号码，手机友好的电子邮件
• 联系/注册表单，列出
中列出的每个（或最可能的）设备

jQTouch看起来很棒（简单，快速，有效），我对blackberry / droid并不确定，我不想为每个移动设备创建6个网页版本 - 如果你考虑的话，那就更没意义了我从小网页（6-10页，1个联系表格，3个注册表格）开始玩。

谢谢

Answer 1

我的2c; 最好的方法是我们在网络上使用的方法;跨浏览器开发。

使用（基本）html＆amp; css开始（确保你将尽可能多地使用手机）＆amp;通过为更高级的设备添加更复杂的内容（javascript和更具体的css）来逐步增强。

jqtouch（必须与jquery结合，如果我没有误会）是膨胀，但非常以iphone为中心（一些漂亮的CSS的东西在其他地方不起作用）。一个（稍微）更多跨平台的js框架是the jquery-like xui。

一旦你掌握了一些东西，testing it on mobi.ready可能是一个好主意。

Answer 2

你听说过NetBiscuits吗？

http://www.netbiscuits.com/

Answer 3

查看由dotMobi运营的mobiforge网站。他们有一个非常强大的工具，名为ready.mobi，您可以使用它来在您的移动网站上进行健康检查。结果提供了有关改善网站需要做些什么的建议，因此获得一个非常优化的网站只是测试和记录建议的情况。我现在使用它获得5/5分，并且在任何设备上都能很好地工作，包括许多我从未真正测试过的设备。我不能推荐它。

Answer 4

• 移动设备：有关图表，教程等信息，请参阅QuirksMode.org，以使您的网页在多个移动浏览器上运行。 （黑莓可能是你名单上最难的）
• 手机友好链接：不确定为什么这会很困难，据我所知，所有移动浏览器/操作系统都支持相同的mailto：桌面使用的协议。大多数手机也支持tel：所以你可以拥有以下链接：

<a href="tel:555-555-1212">Call Me</a>

唯一的问题是桌面计算机通常无法处理该标准，尽管能够与蓝牙手机连接。 （OS开发中的功能请求）

• 联系/注册表单：同样，大多数移动浏览器都支持开箱即用的基本表单元素，这里的关键是更多的用户体验。您可以采取的任何措施来减少数据输入量，这将导致更多用户填写表单。 （请记住用户的会话信息很长一段时间，他们将在完成与母亲的2小时通话后返回页面）

Answer 5

我建议使用响应式框架，例如zurb或bootstrap。如果您坚持使用框架所拥有的内容，那么您可以在移动浏览器中使用该网站的一个代码库。