创建AJAX Rich Mobile站点?

时间:2010-07-19 02:26:38

标签: jquery ajax performance mobile mobile-website

我正在考虑创建一个富含AJAX和Jquery功能的移动网站。因此,通过手机,用户可以体验以下功能:拖放,“加载...”图像,淡入和淡出的对话框,投影对话框,动态调整对话框等等...

首次加载移动网站时,它可能会加载一个包含必要CSS和jquery文件的500kb index.html页面。但从那时起,任何号召性用语都会异步加载html内容(也就是说,当一个人点击“查看下一个10个搜索结果”这样的链接时,只有搜索结果DIV容器在AJAX调用后被重新绘制)这样可以最大限度地减少数据传输。

我的目标是创建一个提供丰富用户界面的应用程序,同时满足以下条件:

1)有回应

2)限制数据传输量

3)为最广泛的智能手机用户提供服务,而无需使用N个不同的框架进行开发:iphone的目标C,黑莓的Java,?对于android,?对于Windows Mobile

我提到的AJAX丰富的移动网站方法是否符合我的要求?

7 个答案:

答案 0 :(得分:2)

如果你沿着这条AJAX路走下去,那么你将自己限制在iPhone / Android / PalmOS用户身上。所有其他平台(RIM,WinMob,Symbian)目前都有问题,因为javascript支持不够完整,或者默认情况下它没有打开。他们很快就会赶上来,但你仍然会有很多人使用这些操作系统的旧版本(他们不像iPhone / Android那样自动更新)。如果您对这些受限制的受众群体感到满意,请查看http://jqtouch.com/

另外,我是Amber的评论之二 - 你在移动设备上设计UI的方式与在桌面上设计UI的方式有很大不同。我不知道你的网络应用程序是什么,但一般来说你在桌面上创建&在移动设备上消费(有明显的例外,如Twitter和Facebook)。尽可能考虑用户在移动设备上访问您的应用并将UI优化为单点触摸事件的上下文。如果您的应用程序使用用户生成的内容 - 请查看最佳Twitter和& Facebook应用程序并比较用户在桌面IU中生成内容的方式。

很有可能突破移动设备的界限,只要注意你最终创建的内容可以达到足够广泛的目标并且适合目的。祝你好运!

答案 1 :(得分:2)

jQuery Mobile现在正处于alpha状态。支持大量移动浏览器:http://jquerymobile.com/gbs/

http://jquerymobile.com/

答案 2 :(得分:1)

您应该能够通过AJAX实现目标。

但作为移动用户,请不要打扰...

  • “淡入淡出的对话框”
  • “投影对话框”
  • “动态调整对话框大小”

...因为从功能的角度来看它们是完全没必要的,而且他们所做的只是减慢/崩溃移动应用程序。

拖放也是移动设备上常常笨拙的东西;但是你的判断是否对你的应用程序有用。

答案 3 :(得分:1)

看一下可能有用的下载,http://www.sencha.com/products/touch/。它基于EXT JS库或基于JQuery的http://jqtouch.com/

答案 4 :(得分:0)

恕我直言,尽可能少地使用尽可能多的手机来获取JavaScript

答案 5 :(得分:0)

您在移动设备上使用JavaScript时遇到的问题是它不一致。有点像IE浏览器比Firefox更缺乏分号,但是时间长了一千。

您可以使用jqtouch这样的JavaScript库(顺便说一下这很棒),但这依赖于jquery,这在手机上可能会有问题。

在手机上编写AJAX非常棒,我刚刚为浏览器中具有GPS功能的任何东西做了一些很棒的位置查找功能,可以自动更新当前位置。

但在我看来,从第一原则(getElementById et all)编写它是非常重要的,所以你知道它会没问题,如果JavaScript被禁用或者不存在,你必须提供回退。

答案 6 :(得分:0)

小心拖拉。大多数触摸显示拖动动作滚动页面。我已经碰到了几次。

某些ajax / jquery功能在移动环境中很不错,但你必须要小心!