【问题标题】:How to build web application which will work fine for touch screen?如何构建适用于触摸屏的 Web 应用程序?
【发布时间】:2023-03-03 11:06:02
【问题描述】:
开源世界对于为移动/ipad 触摸屏构建基于 Web 的应用程序提供了哪些可能的支持?
我正在使用http://jquerymobile.com/.. 为移动/ipad 触摸屏开发基于 Web 的应用程序是不是很好的插件?有人用过吗。。定制方便吗?
使用它面临的主要挑战是什么?
还有其他适合我的开发工作的好工具/插件吗?
【问题讨论】:
标签:
javascript
mobile
jquery-mobile
web
touch
【解决方案1】:
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 是您的最佳选择,但您也可以使用 jQuery Mobile UI 在 Web 服务器上部署您的 Web 应用程序,如果您希望它可访问在线。
jQuery Mobile Docs:
PhoneGap 是一个 HTML5 应用平台,允许开发者创作
具有 Web 技术的本机应用程序并可以访问 API 和
应用商店。应用程序构建为普通的 HTML 页面并打包
在 UIWebView 或 WebView (a
chromeless 浏览器,以下简称 webview)。
PhoneGap Wiki:
jQuery Mobile:智能手机和平板电脑的触控优化 Web 框架
跨所有流行移动设备的统一用户界面系统
平台,建立在坚如磐石的 jQuery 和 jQuery UI 基础之上。
其轻量级代码采用渐进增强构建,并具有
灵活、易于主题化的设计。
认真跨平台和跨设备
jQuery 移动框架采取“少写,多做”
更上一层楼的口头禅:而不是为每个人编写独特的应用程序
移动设备或操作系统,jQuery 移动框架将允许您
设计一个高度品牌化和定制的 Web 应用程序,
将适用于所有流行的智能手机和平板电脑平台。设备
支持网格
触控优化布局和 UI 小部件
我们的目标是提供工具来构建动态触摸界面,
将优雅地适应一系列设备外形尺寸。系统
将包括两种布局(列表、详细信息窗格、覆盖)和丰富的
一组表单控件和 UI 小部件(切换、滑块、选项卡)。
【解决方案3】:
我们使用 jQueryMobile 和 Sencha touch 来开发用于触摸屏的 Web 应用程序。
Sencha Touch 是领先的基于 MVC 的 JavaScript 框架,用于构建跨平台移动 Web 应用程序。 Sencha Touch 利用硬件加速技术为移动设备提供高性能 UI 组件。新开发人员将欣赏 Sencha Architect 的可用性,这是一种 GUI 工具,可帮助创建像拖放一样简单的界面。