如何构建适用于触摸屏的Web应用程序?

Raj*_*esh 2 javascript mobile touch jquery-mobile web

开源世界为移动/ ipad触摸屏构建基于Web的应用程序提供了哪些可能的支持?

我正在浏览http://jquerymobile.com/ ..它是开发基于web的移动/ ipad触摸屏应用程序的好插件吗?有没有人使用过那个...它很容易定制吗?

使用它面临的主要挑战是什么?

我的开发工作还有其他好的工具/插件吗?

Bar*_*kar 7

PhoneGap是一个将您的HTML5应用程序包装在WebView中的框架,因此您可以像本机应用程序一样部署它.PhoneGap支持iOS,Android,Windows Phone,Bada,Symbian,Blackberry和WebOS.

开始使用PhoneGap

jQuery Mobile是一个用于移动触摸设备的应用程序UI设计的Javascript框架.

jQuery Mobile入门

对于简单的应用程序来说它很好用且易于使用.jQuery Mobile也是可以使用的,您可以使用自己的CSS自定义它.

如果您想将Web应用程序部署为应用程序商店中的本机应用程序,可以使用PhoneGap,但如果您希望在线访问它,您还可以在Web服务器上使用jQuery Mobile UI部署Web应用程序.

jQuery Mobile Docs:

PhoneGap是一个HTML5应用程序平台,允许开发人员使用Web技术创作本机应用程序并访问API和应用程序商店.应用程序构建为普通HTML页面,并打包为在UIWebView或WebView(无铬浏览器,以下称为webview)中作为本机应用程序运行.

PhoneGap Wiki:

jQuery Mobile:智能手机和平板电脑的触控优化Web框架

跨所有流行的移动设备平台的统一用户界面系统,建立在坚如磐石的jQuery和jQuery UI基础之上.它的轻量级代码采用渐进增强功能构建,并具有灵活,易于设计的主题.

严肃的跨平台和跨设备

jQuery移动框架将"少写,多做"的口号提升到了一个新的水平:jQuery移动框架不再为每个移动设备或操作系统编写独特的应用程序,而是允许您设计一个可以工作的高品牌和自定义Web应用程序在所有流行的智能手机和平板电脑平 设备支持网格

触控优化的布局和UI小部件

我们的目标是提供构建动态触摸界面的工具,这些界面将适应各种设备外形.系统将包括布局(列表,详细信息窗格,叠加)和丰富的表单控件和UI小部件(切换,滑块,选项卡).