logo标签列表

创建 AJAX 丰富的移动站点？

jqueryajaxperformancemobilemobile-website
3
我在考虑创建一个富含AJAX和Jquery功能的移动网站。因此，用户可以从手机上体验拖放、“加载中…”图片、淡入淡出对话框、带有阴影的对话框、对话框的动态调整大小等功能。
当移动网站首次加载时，它可能会加载一个大小为500kb的index.html页面，并附带必要的CSS和jquery文件。但从那时起，任何行动都将异步地加载HTML内容（也就是说，当用户点击像“查看下一个10个搜索结果”这样的链接时，只有在进行AJAX调用后重新绘制搜索结果DIV容器），以便尽量减少数据传输。
我的目标是创建一个应用程序，提供丰富的用户界面，同时满足以下标准：
1）响应迅速
2）限制数据传输量
3）服务于最广泛的智能手机用户群体，而不必使用N种不同的框架：iPhone的objective C，黑莓的java，安卓的？，Windows Mobile的？
我提到的AJAX富移动站点方法是否符合我的要求？
7个回答
2
如果你选择使用AJAX技术，你将会限制你的用户只能是iPhone/Android/PalmOS平台的用户。其他平台（如RIM, WinMob, Symbian）目前存在一些问题，因为它们要么没有完整支持JavaScript，要么默认情况下没有打开JavaScript。虽然它们很快就会赶上，但你仍然会有很多人在使用旧版本的这些操作系统（它们不会像iPhone/Android自动更新）。如果你可以接受这个有限的受众，可以看看http://jqtouch.com/。
此外，我同意Amber的评论 - 在移动设备上设计UI与在桌面上设计UI非常不同。我不知道你的Web应用程序是关于什么的，但通常你在桌面上创建，在移动设备上使用（例如Twitter和Facebook等特殊情况除外）。尽可能考虑用户在移动设备上访问你的应用程序时的上下文环境，并将UI优化到单触摸事件。如果你的应用程序涉及用户生成的内容，请查看最好的Twitter和Facebook应用程序，并比较用户在这些应用程序中生成内容与桌面IU的区别。
推动移动设备的界限是好的，但要小心，确保你最终创建的内容可以达到足够广泛的目标并且适合使用。祝你好运！
2
我现在开始使用这个框架，它还不太成熟，但是非常容易建立一个移动站点。而且移动浏览器的支持可以节省大量时间。 - Chaddeus
我刚听说，jQuery移动团队计划在一月发布v1。 - Dan Williams
1

使用AJAX应该能够实现您的目标。

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

  • "淡入淡出对话框"
  • "带有阴影的对话框"
  • "对话框的动态调整大小"

因为从功能角度来看，它们完全没有必要，而且只会减慢/崩溃移动应用程序。

在移动设备上，拖放也经常很笨拙；但这取决于您的应用程序是否有用。

1
0

我认为，为了覆盖尽可能多的手机，需要尽量少地使用JavaScript。

0
在移动设备上使用JavaScript的问题是它不够一致。就像IE对于缺少分号比Firefox更加挑剔的事实，但是这个问题却扩大了一千倍。
你可以使用JavaScript库，比如jqtouch（顺便说一下，它很棒），但它依赖于jquery，在移动手机上可能会出现问题。
在移动手机上编写AJAX非常好，我刚刚完成了一些很棒的位置查找功能，可以自动更新当前位置，只要浏览器有GPS能力即可。
但是在我看来，从第一原理（getElementById等）开始编写非常重要，这样你就知道它是正确的，并且如果JavaScript被禁用或不存在，你必须提供回退方案。
0
小心拖放操作。大多数触摸屏幕在拖动时会滚动页面。我遇到过这种情况几次。
在移动环境中，一些ajax/jquery功能很不错，但你必须非常小心！
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接