html5的手机客户端app怎么开发？

1.框架：PhoneGap官网：简介：PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。优点：1.可跨平台。phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器，或者说中间件。2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。3.可利用成熟javascript框架。如：Extjs、jQuery。缺点：1.性能差。运行速度慢，UI反应延时——这是个致命伤。(高端机影响不大)2.不能完全跨平台。不同平台代码需要微调。3.内存消耗大。4.调试难度大。

2.框架：Ionic官网：简介：Ionic是一个强大的HTML5应用程序开发框架，号称AdvancedHTML5HybridMobileAppFramework是AngularJS移动端解决方案可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。Ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的HTML5移动应用程序开发。Ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题。优点：1.追求性能运行速度快2.轻量级框架3.基于Angularjs，支持Angularjs的特性，MVC，代码易维护4.通过SASS构建应用程序。它提供了很多UI组件来帮助开发者开发强大的应用。5.接近原生。6.强大的命令行工具3.可利用成熟javascript框架。如：Extjs、jQuery。缺点：1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用2.需要结合插件使用。

希望对你有用，当然也可以关注Donutsapps了解更多

一、AdobeEdge

目前还处于预览阶段的AdobeEdge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。

动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。

二、AdobeDreamweaverCS6

AdobeDreamweaverCS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其FluidGrid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化 *** 作，无需为代码所困。

用户不但还能在LiveView中预览，还提供多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。LiveView通过WebKit渲染引擎支持HTML5。

三、AdobeColdFusion10

ColdFusion是用来开发企业Web程序的服务器端技术，通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。

四、SenchaArchitect2

在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发SenchaTouch2和ExtJS4JavaScript应用，并实时预览。

五、SenchaTouch2

SenchaTouch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、KindleFire等多种平台的移动应用。

六、DojoFoundationMaqetta

来自于IBM的一个项目，DojoFoundationMaqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板

七、微软VisualStudio2010ServicePack1

虽然一开始并不支持HTML5，但微软在2011年三月发布的VisualStudio2010SP1中提供了IntelliSense，追加了针对HTML5的一些元素。

八、JetBrainsWebStorm4.0

作为拥有HTML编辑器的JavaScript集成开发环境，WebStorm4.0提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。例如砍伐者键入。开发者还可以在chrome浏览器中实时预览HTML文档。

九、GoogleWebToolkit

该开发工具用于开发浏览器应用，但库中支持很多HTML5功能。包括对客户端或web存储的支持。其他HTML5功能还包括支持Canvas可视化，以及音频和视频widget。

一基于HTML5开发工具DCloudHBuilder:

基于HTML5开发工具是当前最快的HTML开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛，DCloud还提供云端打包服务，可以让开发者直接在云端生成.ipa或.apk安装包供部署调试。

二一款在线Html5移动开发工具-AnimatronAnimatron

是一款简单而又强大的在线工具，通过它，你可以创建出令人惊叹的的HTML5动画和互动内容。使用非常直观的Animatron编辑器去设计和发布完美的移动产品，同时也可以到处播放的电影和信息图表等，从桌面浏览器到移动设备，无需编码，所见即所得。

三Lungo

最佳HTML5移动框架Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准，如HTML5、CSS3和JavaScript；支持手机、电视以及桌面设备。拥有强大的JavaScriptAPI：开发webAPP应用有很多种方式，而不是一味的优化。Lungo提供了一个强大的API，这样你可以完全掌控自己的webAPP应用程序。

四mobl

mobl是一个新的开源的编程语言，主要用于加速手机应用的开发，mobl可方便构建手机web应用程序，包括iOS、Android和其他支持HTML5技术的手机。Mobl使用一种与JavaScript非常类似的脚本语言实现了静态类型的推断语言。该语言拥有以下顶级结构：实体（entities）、类型（types）、函数（functions）、控件（controls）、屏幕（screens）、样式（styles）和设备（services）。实体是在本地存储中持久化的数据元素，而类型是一种供我们使用的不稳定的数据。函数与那些定义在JavaScript以及能够调用JavaScript代码的语言中的函数类似等。

五DevExtreme

性能最优的跨平台移动应用开发框架，DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和WindowsPhone8应用程序，是VisualStudio开发人员开发跨平台移动产品的优选工具。

---