【问题标题】: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 小部件(切换、滑块、选项卡)。

    【讨论】:

      【解决方案2】:

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

      【讨论】:

        【解决方案3】:

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

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

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2014-09-02
          • 1970-01-01
          • 2011-11-22
          • 2021-08-03
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多