2010-02-28 72 views
9

我想开始为我的客户开发针对移动设备的网站版本,但是,我对选项感到困惑,谷歌搜索也不是很有帮助 - 有太多的选项和意见,我已经阅读了几天现在仍然不知道如何开始。移动网站开发 - 如何?

您对此有何看法/经验?

我的主要观点:

  • 移动设备支持(在相关的顺序排列):iPhone 3G,iPhone 2G,黑莓,Droid的动力手机,其他
  • 电话友好号码,电话友好的电子邮件
  • 联系/注册表格工作在每个(或最可能的)设备上列出

jQTouch似乎一流(简单,快速,工作),我不知道它在黑莓/机器人,我不知道不想为每个移动设备创建6个网络版本 - 如果考虑到,我开始使用小型网站(6-10页,1个联系表单,3个注册表单)来进行操作,这样做的意义不大。

谢谢

回答

2

我2C;我们知道,最好的方法就是我们在网络上使用的方法;跨浏览器开发。

使用(基本)的HTML & css来开始(确保尽可能你会到达尽可能多的手机)&逐渐被更先进的设备增加更多的复杂的东西(JavaScript的&更具体的CSS)增强。

jqtouch(必须与jquery结合,如果我没有错的话)是膨胀的,但非常以iphone为中心(一些漂亮的css-stuff在其他地方不起作用)。一个(略)更多的跨平台的js框架是the jquery-like xui

一旦你有东西在运行,testing it on mobi.ready可能是一个好主意。

+0

这是伟大的方法),但是,移动版本完全(或至少**很多**)不同的标记,因为对于移动设备,您只需显示* some *信息。感谢您的链接,难道您不知道移动支持(以及它看起来如何)xhtml标签的一些不错的比较? – 2010-02-28 15:45:16

+0

来自quirksmode.org的PKK为他的网站添加了移动浏览器的有趣信息,查看他在http://www.quirksmode.org/webkit.html上的webkit比较表 – futtta 2010-02-28 15:55:35

0

您是否听说过NetBiscuits?

http://www.netbiscuits.com/

+2

是的,我有(如15秒前...:D),但我看不到我的客户每个月支付650美元只是为了他们的网站的网页版本:] – 2010-02-28 15:42:35

0

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

0
  • 移动设备:见QuirksMode.org的图表,教程等等,让您的网页上的多个移动浏览器的工作。 (黑莓可能是你名单上最难的)
  • 电话友好链接:不知道为什么这将是困难的,据我所知,所有的移动浏览器/操作系统的支持相同的桌面使用的mailto:协议。大多数手机还支持电话:这样你就可以有这样的联系:
<a href="tel:555-555-1212">Call Me</a> 

唯一的问题有台式电脑一般没有一种方法来处理这个标准尽管能够与链接蓝牙手机。 (对于那些在OS开发需求)

  • 联系/登记表:同样,大多数移动浏览器支持基本的表单元素开箱即用,这里的关键是更多的用户体验。您为减少数据输入量所做的任何事情都会导致更多用户填写表单。 (记得很长一段时间用户的会话信息,他们将回到页面他们完成从他们的母亲2个小时的呼叫后)
0

我建议用像zurbbootstrap一个负责任的框架下去。如果你坚持使用框架,你可以在移动浏览器中使用该网站的一个代码库。