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

标签 javascript mobile jquery-mobile web touch

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

我正在经历http://jquerymobile.com/ .. 为移动/ipad 触摸屏开发基于 Web 的应用程序是不是很好的插件?有人用过吗。。定制方便吗?

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

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

最佳答案

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 对其进行自定义。

如果您想将您的网络应用程序部署为应用商店中的本地应用程序,PhoneGap 是您的最佳选择,但您也可以使用 jQuery Mobile UI 在网络服务器上部署您的网络应用程序,如果您希望它可以访问在线。

jQuery Mobile Docs :

PhoneGap is an HTML5 app platform that allows developers to author native applications with web technologies and get access to APIs and app stores. Applications are built as normal HTML pages and packaged up to run as a native application within a UIWebView or WebView (a chromeless browser, referred to hereafter as a webview).

PhoneGap Wiki :

jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets

A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

Seriously cross-platform & cross-device

jQuery mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique apps for each mobile device or OS, the jQuery mobile framework will allow you to design a single highly branded and customized web application that will work on all popular smartphone and tablet platforms. Device support grid

Touch-optimized layouts & UI widgets

Our aim is to provide tools to build dynamic touch interfaces that will adapt gracefully to a range of device form factors. The system will include both layouts (lists, detail panes, overlays) and a rich set of form controls and UI widgets (toggles, sliders, tabs).

关于javascript - 如何构建适用于触摸屏的 Web 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11098063/

相关文章:

php - PHP AJAX 后返回空数据

javascript - wagmi 如何使用智能合约的重载函数?

javascript - 如何让图像在 HTML5 移动应用程序中加载得更快?

javascript - jQuery Mobile - 刷新时 ListView 数据插入

jquery - iPad 设备高度 JQuery

javascript - 刷新时所有图像选项卡都会跳转并显示在页面上

html - 如何使用@media 为不同的屏幕设置 css 规则

java - 如何找到某些手机的内存大小?

用于移动设备的 Accordion 菜单的 CSS

javascript - 我需要比较 html 表的行中的数据