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

How to build web application which will work fine for touch screen?

本文关键字：触摸屏 Web 应用程序适用于何构建构建更新时间：2023-09-26

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

我正在经历 http://jquerymobile.com/..为移动/ipad触摸屏开发基于Web的应用程序是否是一个很好的插件？有没有人用过那个..定制容易吗？

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

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

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

开始使用 PhoneGap

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

开始使用 jQuery Mobile

jQuery Mobile也是可主题的，您可以使用自己的CSS对其进行自定义。

如果要在应用商店中将 Web 应用部署为本机应用，

PhoneGap 是最佳选择，但如果您希望 Web 应用可在线访问，也可以在 Web 服务器上使用 jQuery Mobile UI 部署 Web 应用。

jQuery Mobile Docs：

PhoneGap是一个HTML5应用程序平台，允许开发人员编写具有 Web 技术的本机应用程序，并可以访问 API 和应用商店。应用程序构建为普通 HTML 页面并打包在 UIWebView 或 WebView 中作为本机应用程序运行（一个无铬浏览器，以下简称 Web 视图）。

PhoneGap Wiki：

jQuery Mobile：适用于智能手机和平板电脑的触摸优化Web框架
跨所有流行移动设备的统一用户界面系统平台，建立在坚如磐石的jQuery和jQuery UI基础上。它的轻量级代码是用渐进式增强构建的，并且具有灵活，易于主题化的设计。
认真的跨平台和跨设备
jQuery移动框架采取"少写多做"更上一层楼的口头禅：而不是为每个应用程序编写独特的应用程序移动设备或操作系统，jQuery移动框架将允许您设计一个高度品牌化和定制的 Web 应用程序将适用于所有流行的智能手机和平板电脑平台。装置支持网格
触摸优化布局和 UI 小部件
我们的目标是提供工具来构建动态触摸界面将优雅地适应一系列设备外形规格。系统介绍将包括布局（列表、详细信息窗格、覆盖）和丰富的布局一组表单控件和 UI 小部件（切换、滑块、选项卡）。

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

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

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