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

时间:2012-06-19 09:22:46

标签: javascript mobile jquery-mobile web touch

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

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

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

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

3 个答案:

答案 0 :(得分:7)

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

Getting started with PhoneGap

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

Getting started with jQuery Mobile

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

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

jQuery Mobile Docs

  

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

PhoneGap Wiki

  

jQuery Mobile:针对智能手机的触控优化网络框架&片剂

     

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

     

认真跨平台&跨设备

     

jQuery移动框架采用“少写,多做”   口头禅到了一个新的水平:而不是为每个人编写独特的应用程序   移动设备或操作系统,jQuery移动框架将允许您   设计一个高品牌和定制的Web应用程序   适用于所有流行的智能手机和平板电脑平台。设备   支持网格

     

触控优化布局& UI小部件

     

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

答案 1 :(得分:0)

Phonegap是另一种选择。哪个适用于多个平台

答案 2 :(得分:0)

我们使用jQueryMobile和Sencha touch来开发触摸屏的Web应用程序。

Sencha Touch是用于构建跨平台移动Web应用程序的领先的基于MVC的JavaScript框架。 Sencha Touch利用硬件加速技术为移动设备提供高性能UI组件。新开发人员将欣赏Sencha Architect的可用性,这是一个GUI工具,可以帮助创建简单的拖放界面。