用HTML5/CSS3/JS开发Android/IOS应用

关注

原创最新推荐文章于 2026-10-16 10:44:22 发布 1.4k 阅读 AI 写同款· GEO 优化 ›

基于H5的简易App Demo页面开发实战回顾这一路走来，我们从最基础的<html>标签讲到了多线程并发，你会发现：现代前端早已不是切图仔的角色。一个好的H5应用，需要：用语义化标签建立清晰的信息架构；用Canvas/SVG创造惊艳的视觉体验；用Web Storage和IndexedDB构建健壮的本地数据层；用ES6+和Web Workers保障高性能交互；用PWA技术打破Web与原生的界限。而这背后，是一种“全栈思维”——既要懂用户体验，也要通晓系统性能；阅读详情

用HTML5/CSS3/JS开发Android/IOS应用

现在人人都想成为安卓/IOS应用开发工程师。其实，安卓/IOS应用可以用很多种语言来实现。由于我们前端开发工程师，对HTML5/CSS/JavaScript的网络编程已经相当熟悉了。所以，今天大家将会认识到一些利用前端语言来开发安卓/IOS应用的工具。

在文章的末尾，也介绍了使用JAVA、C#、Lua以及AS3来开发安卓应用的工具。

希望大家都能找到适合自己的开发工具！祝大家开发安卓/IOS应用一切顺利！

PhoneGap

开发语言: HTML, CSS, JavaScript
开发工具: PhoneGap Development Tools, Development Code
链接: http://phonegap.com/
优点：开源、跨平台

PhoneGap是一个开源项目，并且是跨平台的。有了它，JavaScript工程师能够轻松地利用网页技术（HTML/CSS/JavaScript）来开发手机应用（包括安卓和苹果的）。PhoneGap号称是“唯一开源的手机框架，并且支持7个平台”！它支持的平台有Android, iOS, Windows Phone7, Web OS, Symbian, 和BADA。甚至连Adobe Dreamweaver 5.5 都支持PhoneGap啦!

Sencha Touch

开发语言: HTML5, CSS3, JavaScript
开发工具: Download Sencha Touch
链接: http://www.sencha.com/products/touch/
优点：免费、小巧、支持触屏、数据集成

Sencha Touch 是免费的JavaScript手机框架，该框架是世界上第一个基于HTML5的Mobile App框架。它能在安卓、IOS和BlackBerry（黑莓）的平台上运作。

官方公布的优点为：

1、基于最新的WEB标注，比如HTML5/CSS3等。整个库压缩并gzip后只有80KB，禁用一些组件后能使它更小。

2、支持触屏事件。在touchstart、touchend等标准事件基础上，增加了一组自定义事件数据集成，如tap、swipe、pinch、rotate等。

3、数据集成。提供了强大的数据包，通过Ajax、JSONp、YQL等方式绑定到组件模板，写入本地离线存储。

那么Sencha Touch和PhoneGap有什么区别麽？如何选择他俩呢？

你可以选择Sencha Touch去创建智能手机的用户界面，用PhoneGap去访问一些诸如GPS、相机、加速器等平台的应用。

jQuery Mobile

开发语言: HTML5, CSS3, JavaScript, jQuery

开发工具: Download jQuery Mobile
链接: http://jquerymobile.com/ （要翻墙）

http://www.jqmapi.com/ （中文网站）

JQuery Mobile 是一个网页用户界面的手机开发工具。你能用它来制作基本的布局、导航灯。并且它强依赖于JQuery。所以，熟悉JQuery的同志们学起它来易如反掌啦~ 它也是多平台支持的：Android, iOS, BlackBerry, BADA, Windows Phone7, Web OS, Symbian, MeeGo.

RHOMobile

开发语言: HTML, CSS, JavaScript, Ruby
开发工具: Download RhoStudio
链接: http://rhomobile.com/
优点：一次编译，到处运行

RHOMobile 支持全部的智能机！！因为它参照Rails的框架，所以它是最适合Ruby开发者的。RHOMobile基于MVC架构（Model View Controller）。它目前支持为iPhone、BlackBerry、Windows、Symbian和Android平台创建应用，并且支持最新的Android 4.0和IOS 5。Rhomobile基本上把网络和桌面程序开发领域的“一次编译，到处运行”的目标带到了移动开发领域。

另外，利用RhoHub工具可以在线开发和编译手机应用。地址：https://app.rhohub.com/

Titanium Mobile

Titanium Mobile by Appcelerator
开发语言: HTML, CSS, JavaScript
开发工具: Download Titanium Mobile
链接: http://www.appcelerator.com/products/titanium-mobile-application-development/

Titanium Mobile 是另一个由Appcelerator支持的开发平台项目。也是“一次编写，到处运行”的。有超过300多个API。支持HTML5和CSS3。据说开发者用JavaScript开发安卓/IOS应用时，能像用Objective-C 开发iPhone and iPad应用或者用Java 开发Android应用一样自如。