html5开发用什么开发工具好一些？

5款非常好用的html5移动开发工具：

NO.1   DCloudHBuilder:基于HTML5开发工具

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

DCloud HBuilder致力于做最好用的HTML5移动开发工具。

NO.2 一款在线Html5移动开发工具-Animatron

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

NO.3 Lungo   最佳HTML5移动框架

Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。

支持开放的Web标准，如HTML5、CSS3和JavaScript；支持手机、电视以及桌面设备。

拥有强大的JavaScript API：开发webAPP应用有很多种方式，而不是一味的优化。Lungo提供了一个强大的API，这样你可以完全掌控自己的webAPP应用程序。

NO.4  mobl

mobl 是一个新的开源的编程语言，主要用于加速手机应用的开发，mobl 可方便构建手机 web 应用程序，包括 iOS、Android 和其他支持 HTML5 技术的手机。

Mobl使用一种与JavaScript非常类似的脚本语言实现了静态类型的推断语言。该语言拥有以下顶级结构： 实体（entities）、类型（types）、函数（functions）、控件（controls）、屏幕（screens）、样式（styles ）和设备（services）。实体是在本地存储中持久化的数据元素，而类型是一种供我们使用的不稳定的数据。函数与那些定义在JavaScript以及能够调用JavaScript代码的语言中的函数类似等。

NO.5  DevExtreme性能最优的跨平台移动应用开发框架

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

下面给出部分框架的具体优势，比较后可以选出适合自己的

1， jQTouch

jQTouch易用性强，相关文档也很全面。它的特色是在 使用HTML,CSS和JavaScript创建iPhone App方面拥有出色的能力。jQTouch使用渐进增强的方案，在您相应的HTML顶层来实现像iPhone那样的用户体验。它简单易用，提供了一个基础的小工具集以及动画方案，开发人员只需要编程控制其动态行为即可。

不过有简单测试中发现app的性能存在一定的问题，页面在转换时可能出现跳转或者缺失的情况，以及在响应tap事件的时候还有周期性延迟。该项目在技术上还活跃着，不过原作者的进展和部署都显得太慢了。

只需要遵守MIT的license许可就可以使用jQTouch了

2， jQueryMobile

jQuery Mobile是这个领域的新丁，2010年8月才正式宣布成立，但是已经迅速进展到功能丰富的Alpha 2测试版本了。jQuery Mobile跟jQTouch相比很相似，但是更加标准，更有适应性，感觉很像jQTouch的后继版本，对用户接口和style的支持范围更加宽广了。

jQuery Mobile的性能是不稳定的，（虽然比jQTouch好一些）特别是在响应TAP事件的动画延迟补偿的时候。此外，还缺少一些关键的程序hook，所以不能轻松地让app更加具有动态性能。例如：当一个页面启动的时候事件触发了，这时候却无法通知响应的代码页面将转向哪个用户接口，也不能传递附加的信息给处理模块。针对上述问题，创建工作区来解决还是可行的，但是在这里作者希望其将来的版本能从jQTouch那里学习一下，并把现在的功能缺陷处理掉。

jQuery Mobile的相关文档资料很零散但是有所改进，,（请注意，jQuery Mobile是和jQuery UI相辅相成的，并不是建在单纯jQuery之上的）

想获得jQuery Mobile只需获得MIT或者GPL2 license。

3， Sencha Touch

这是个与Ext JS框架完全不同的产物，其方案与jQTouch/jQuery完全不同：Sencha生成自己的DOM（基于用JavaScript创建的对象）代替了先前存在的HTML增强方式。如此，使用Sencha工作的感觉不像是web编程，而更像是使用Java或者Flex等技术来做app的样子。比起jQuery来，Sencha的感觉更像是YUI。

sencha跟其竞争对手们相比，扩展性强了很多：它拥有大量的用户接口组件，直接的iPad支持，拥有JSON和HTML5线下存储技术使得存储和数据绑定更加方便。（使用Sencha的数据结构来 *** 作app的数据十分酷~它可以实时响应列表的更新）此外，Sencha还是唯一在工具栏上支持内嵌的对象支持，其他方式都是滚轮列表的样子。

在测试程序中，使用Sencha与jQTouch/jQuery相比，虽然app很明显地不那么轻量级，但是其性能和可靠性方面明显提高了，不过其初始化加载时间略慢。

当使用库library或者框架frame进行开发的时候，不遵守框架或者用自己的方式通常都不会获得成功。但Sencha的支持范围足够宽广，这意味着可以使用Sencha的开发方式来实现任何需求。

在文档方面，Sencha做的不太好，虽然很广泛，但是又有很多旧版本的老漏洞没有及时更新，在这些框架中与bug作斗争，调试过程浪费了很多时间，因为文档不够健全，很多问题难以追踪或理解。而在开发者论坛响应作者提问的频率还算较高，不过最终感觉还是不太够。Sencha提供的付费技术支持起价是$300每年，

获取Sencha需要遵守GPL3 license，以及在某种不是GPL标准又很相似LGPL的授权下也能用，以及遵循非商业license也可以获得。

4，TitaniumMobile

与Sencha Touch很相似，Appcelerator公司的Titanium Mobile可以让您使用Javascript API来编写app。不过与Sencha不同的是，Titanium把代码编译成Native的iPhone或Android app，这意味着它并不是一个真正的Web框架，而是一个兼容层或者编译器。（请注意Titanium Mobile的近亲Titanium Desktop是一个基于web的，可以使用HTML /js来编写桌面封装的本地应用的一款软件）

这么说来Titanium允许web开发人员使用JavaScript和一点点XML之类的其他相关技术，可以实现高性能、更换皮肤很方便的Native App，而不需要额外去学习Objective-C或者Cocoa Touch等技术了。

不过这个优点也是其致命的缺点，只能作出Titanium所支持的平台上面的应用，被它们的开发工具限制住了。想证明这一点只需要换一个不是iPhone的平台上来跑一下就知道了。同时，Titanium的调试器也不怎么样，不能使用XCode方式运行或者调试，就算在其仿真器上面程序跑的还算不错，还是需要自己去实际机器上自己再找问题。

肯定使用框架啊，不然还原生 JS、自己写样式？

H5 做移动开发也分两种，一种就是正常的网页，一种是封装的成 App 在手机上跑的。下面我只大致介绍一下又哪些框架，具体的特性不是三两句能说完的，题主可以自行搜索相关资料。

后者比较知名的框架就是 PhoneGap、MUI 等等了。

而前者具体分的话还分 CSS 框架和 JS 框架。样式框架有很多了，常见的有 jQuery Mobile、Bootstrap、Kendo UI、Amaze UI 等等。JS 框架一般是 AngularJS、Backbone、ReactJS 等等，但说实话这些 JS 框架都比较繁重，一般是为比较复杂的场景设计的，如果你的页面需求很简单，那么大可以不用它们只用样式框架就好了。

值得一提的是国内 BAT 三大巨头也分别有自己的 H5 框架，并且都已经开源了，百度的是 GMU（Global Mobile UI）、Clouda+、EFE 这三个，阿里的是 Kissy Mobile，腾讯的是 Frozen UI。

---